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/policies/accessibility.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 { Layout } from "antd";

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

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

7
import Accessibility from "components/landing/accessibility";

8
import { MAX_WIDTH } from "lib/config";

9


10
export default function AccessibilityPage({ customize }) {

11
  return (

12
    <Customize value={customize}>

13
      <Head title="Accessibility" />

14
      <Layout>

15
        <Header page="policies" subPage="accessibility" />

16
        <Layout.Content

17
          style={{

18
            backgroundColor: "white",

19
          }}

20
        >

21
          <div

22
            style={{

23
              maxWidth: MAX_WIDTH,

24
              margin: "15px auto",

25
              padding: "15px",

26
              backgroundColor: "white",

27
            }}

28
          >

29
            <div style={{ textAlign: "center", color: "#444" }}>

30
              <h1 style={{ fontSize: "28pt" }}>

31
                CoCalc Voluntary Product Accessibility Template (VPAT)

32
              </h1>

33
            </div>

34
            <div style={{ fontSize: "12pt", overflowX: "auto" }}>

35
              <Accessibility />

36
            </div>

37
          </div>

38
          <Footer />

39
        </Layout.Content>

40
      </Layout>

41
    </Customize>

42
  );

43
}

44


45
export async function getServerSideProps(context) {

46
  return await withCustomize({ context });

47
}

48


49