CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutSign UpSign In
sagemathinc

Real-time collaboration for Jupyter Notebooks, Linux Terminals, LaTeX, VS Code, R IDE, and more,
all in one place.

GitHub Repository: sagemathinc/cocalc
 Path: blob/master/src/packages/next/pages/about/index.tsx
Views: 687
1
import { Layout } from "antd";

2


3
import Footer from "components/landing/footer";

4
import Header from "components/landing/header";

5
import Head from "components/landing/head";

6
import IndexList, { DataSource } from "components/landing/index-list";

7
import Image from "components/landing/image";

8
import SiteName from "components/share/site-name";

9
import A from "components/misc/A";

10


11
import withCustomize from "lib/with-customize";

12
import { Customize } from "lib/customize";

13


14
import AllAboutCoCalcImage from "public/about/all-about-cocalc.png";

15


16
const dataSource = [

17
  {

18
    link: "/about/events",

19
    title: "Events",

20
    logo: "global",

21
    description: (

22
      <>

23
        We regularly exhibit at academic conferences to engage with the academic

24
        community. <A href="/about/events">See where we'll be next!</A>

25
      </>

26
    ),

27
  },

28
  {

29
    link: "/about/team",

30
    title: "The Team",

31
    logo: "team-outlined",

32
    description: (

33
      <>

34
        Meet the <A href="/about/team">CoCalc team</A>.

35
      </>

36
    ),

37
  },

38
] as DataSource;

39


40
export default function Info({ customize }) {

41
  return (

42
    <Customize value={customize}>

43
      <Head title="About" />

44
      <Layout>

45
        <Header page="about" />

46
        <IndexList

47
          title={

48
            <Image

49
              src={AllAboutCoCalcImage}

50
              style={{

51
                minWidth: '324px',

52
                maxWidth: '1512px',

53
                width: '75%',

54
              }}

55
              alt="All About CoCalc Logo"

56
            />

57
          }

58
          description={

59
            <>

60
              <SiteName /> is a cloud-based collaborative software oriented towards research,

61
              teaching, and scientific publishing purposes. Learn more about the story behind the

62
              software below.

63
            </>

64
          }

65
          dataSource={dataSource}

66
        />

67
        <Footer />

68
      </Layout>

69
    </Customize>

70
  );

71
}

72


73
export async function getServerSideProps(context) {

74
  return await withCustomize({ context });

75
}

76


77