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/info/index.tsx
Views: 687
1
import Footer from "components/landing/footer";

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

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

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

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

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

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

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

9
import { Layout } from "antd";

10


11
const dataSource = [

12
  {

13
    link: "/info/doc",

14
    title: "Documentation",

15
    logo: "medkit",

16
    description: (

17
      <>

18
        Where to find{" "}

19
        <A href="https://doc.cocalc.com">documentation about CoCalc</A>.

20
      </>

21
    ),

22
  },

23


24
  {

25
    link: "/info/status",

26
    title: "System Status",

27
    logo: "dashboard",

28
    description: (

29
      <>

30
        See how many people are{" "}

31
        <A href="/info/status">

32
          using <SiteName /> <b>right now</b>

33
        </A>

34
        , and view data about what they are doing.

35
      </>

36
    ),

37
  },

38


39
  {

40
    link: "/info/run",

41
    title: "Ways to Run CoCalc",

42
    logo: "server",

43
    description: (

44
      <>

45
        In addition to using CoCalc via the website cocalc.com, there are{" "}

46
        <A href="/info/run">several other ways to run CoCalc</A>.

47
      </>

48
    ),

49
  },

50
] as DataSource;

51


52
export default function Info({ customize }) {

53
  return (

54
    <Customize value={customize}>

55
      <Head title="Info" />

56
      <Layout>

57
        <Header page="info" />

58
        <IndexList

59
          title={

60
            <>

61
              Information about <SiteName />

62
            </>

63
          }

64
          description={

65
            <>Information and links to resources for learning more.</>

66
          }

67
          dataSource={dataSource}

68
        />

69
        <Footer />

70
      </Layout>

71
    </Customize>

72
  );

73
}

74


75
export async function getServerSideProps(context) {

76
  return await withCustomize({ context });

77
}

78


79