"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.getServerSideProps = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const antd_1 = require("antd");
const footer_1 = __importDefault(require("components/landing/footer"));
const A_1 = __importDefault(require("components/misc/A"));
const header_1 = __importDefault(require("components/landing/header"));
const content_1 = __importDefault(require("components/landing/content"));
const with_customize_1 = __importDefault(require("lib/with-customize"));
const customize_1 = require("lib/customize");
const head_1 = __importDefault(require("components/landing/head"));
const icon_1 = require("@cocalc/frontend/components/icon");
const pitch_1 = __importDefault(require("components/landing/pitch"));
const sign_in_1 = __importDefault(require("components/landing/sign-in"));
const image_1 = __importDefault(require("components/landing/image"));
const whiteboard_sage_png_1 = __importDefault(require("/public/features/whiteboard-sage.png"));
const whiteboard_post_it_png_1 = __importDefault(require("/public/features/whiteboard-post-it.png"));
function Whiteboard({ customize }) {
    return ((0, jsx_runtime_1.jsxs)(customize_1.Customize, { value: customize, children: [(0, jsx_runtime_1.jsx)(head_1.default, { title: "Computational Whiteboard" }), (0, jsx_runtime_1.jsxs)(antd_1.Layout, { children: [(0, jsx_runtime_1.jsx)(header_1.default, { page: "features", subPage: "whiteboard" }), (0, jsx_runtime_1.jsxs)(antd_1.Layout.Content, { children: [(0, jsx_runtime_1.jsx)("div", { style: { backgroundColor: "#c7d9f5" }, children: (0, jsx_runtime_1.jsx)(content_1.default, { logo: (0, jsx_runtime_1.jsx)(icon_1.Icon, { name: "layout", style: { fontSize: "100px" } }), startup: "Whiteboard", title: "Online Collaborative Computational Whiteboards for Mathematics and Computation", subtitle: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("hr", {}), "Sketch out ideas and run Jupyter code cells with CoCalc's computational whiteboard"] }), image: whiteboard_sage_png_1.default, alt: "Collaborative Computational Whiteboard" }) }), (0, jsx_runtime_1.jsx)(pitch_1.default, { col1: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: "Full featured online collaborative computational whiteboard" }), (0, jsx_runtime_1.jsxs)("p", { children: ["As explained in", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "https://about.cocalc.com/2022/09/08/all-about-computational-whiteboard/", children: "our blog" }), " ", "and", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "https://doc.cocalc.com/whiteboard.html", children: "documentation" }), ", CoCalc", "'", "s collaborative computational whiteboards support an infinite canvas with"] }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(A_1.default, { href: "https://doc.cocalc.com/markdown.html", children: "Rich text collaborative markdown editor" }), " ", "with mathematical LaTeX expressions,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["sticky ", (0, jsx_runtime_1.jsx)("strong", { children: "notes" }), ","] }), (0, jsx_runtime_1.jsxs)("li", { children: ["sketching with ", (0, jsx_runtime_1.jsx)("strong", { children: "pens" }), ","] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)(A_1.default, { href: "/features/jupyter-notebook", children: "Jupyter code cells" }), " ", "with support for tab completion and interactive widgets,"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "chat" }), " conversations with collaborators,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["hundreds of ", (0, jsx_runtime_1.jsx)("strong", { children: "icons" }), ","] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "frames" }), " to group objects, and"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "stopwatches" }), " and", " ", (0, jsx_runtime_1.jsx)("strong", { children: "countdown timers" }), " to organize and track work."] })] })] }), col2: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: "A Computational Whiteboard with Jupyter cells and more!" }), "You can", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "https://doc.cocalc.com/whiteboard.html#jupyter-cells", children: "use Jupyter notebook code cells" }), " ", "with over a dozen supported kernels, a massive library of pre-installed software and interactive widgets. You", (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsxs)("li", { children: ["create ", (0, jsx_runtime_1.jsx)("strong", { children: "edges" }), " between all objects,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["use ", (0, jsx_runtime_1.jsx)("strong", { children: "frames" }), " to organize the whiteboard into sections,"] }), (0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", { children: "split your editor" }), " windows to view multiple parts of the whiteboard simultaneously,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["easily navigate with an ", (0, jsx_runtime_1.jsx)("strong", { children: "overview map" }), " with two preview modes,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["every change you and your collaborators make is recorded via browsable ", (0, jsx_runtime_1.jsx)("strong", { children: "TimeTravel" }), " and you can copy/paste from any point in the history,"] }), (0, jsx_runtime_1.jsxs)("li", { children: ["and you can ", (0, jsx_runtime_1.jsx)("strong", { children: "publish" }), " your whiteboards to", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "/share", children: "the share server" }), "."] })] })] }) })] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                            color: "#555",
                            fontSize: "16px",
                            textAlign: "center",
                            margin: "20px",
                        }, children: [(0, jsx_runtime_1.jsx)("h1", { children: "Now Available!" }), (0, jsx_runtime_1.jsxs)("div", { style: { fontSize: "14pt", margin: "15px" }, children: ["Read much more about the computational whiteboard in", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "https://about.cocalc.com/2022/09/08/all-about-computational-whiteboard/", children: "our blog" }), " ", "and", " ", (0, jsx_runtime_1.jsx)(A_1.default, { href: "https://doc.cocalc.com/whiteboard.html", children: "the documentation." })] }), "Try it in any CoCalc project by clicking +New, then clicking \"Whiteboard\".", (0, jsx_runtime_1.jsx)(sign_in_1.default, { startup: "Whiteboard" }), (0, jsx_runtime_1.jsx)(image_1.default, { alt: "Screenshot showing whiteboard with post-it notes.", src: whiteboard_post_it_png_1.default, style: { margin: "15px auto", maxWidth: "1512px" } })] }), (0, jsx_runtime_1.jsx)(footer_1.default, {})] })] }));
}
exports.default = Whiteboard;
async function getServerSideProps(context) {
    return await (0, with_customize_1.default)({ context });
}
exports.getServerSideProps = getServerSideProps;
//# sourceMappingURL=whiteboard.js.map