diff --git a/docs/publication/papers.md b/docs/publication/papers.md index 9aa61cb..63db9cf 100644 --- a/docs/publication/papers.md +++ b/docs/publication/papers.md @@ -6,9 +6,20 @@ tags: [publication] # Publications -## papers +## Papers + +* Q. Cai, K. Zheng, H.V. Jagadish, B.C. Ooi, J.W.L. Yip. CohortNet: Empowering Cohort Discovery for Interpretable Healthcare Analytics, in Proceedings of the VLDB Endowment, 2024. + +* F. Xiao, S. Cai, G. Chen, H.V. Jagadish, B.C. Ooi, M. Zhang. VecAug: Unveiling Camouflaged Frauds with Cohort Augmentation for Enhanced Detection. In Proceedings of the 30th ACM SIGKDD Conference on Knowledge Discovery and Data Mining, pp.2145-2154), 2024. + +* K. Zheng, H-R. Chua, M. Herchel, H.V. Jagadish, B.C. Ooi, J.W.L. Yip: Exploiting Negative Samples: A Catalyst for Cohort Discovery in Healthcare Analytics, in International Conference on Machine Learning, pp.38848-38880, PMLR.2024. + +* Q. Cai, K. Zheng, B.C. Ooi, W. Wang, C. Yao. [ELDA: Learning Explicit Dual-Interactions for Healthcare Analytics](https://www.comp.nus.edu.sg/~dbsystem/cohort/#/publications:~:text=ELDA%3A%20Learning%20Explicit%20Dual%2DInteractions%20for%20Healthcare%20Analytics), in 2022 IEEE 38th International Conference on Data Engineering, pp.393-406, 2022. * Z. Xie, H. Ying, C. Yue, M. Zhang, G. Chen, B. C. Ooi. [Cool: a COhort OnLine analytical processing system](https://www.comp.nus.edu.sg/~ooibc/icde20cool.pdf), in 2020 IEEE 36th International Conference on Data Engineering, pp.577-588, 2020. + * Q. Cai, Z. Xie, M. Zhang, G. Chen, H.V. Jagadish and B.C. Ooi. [Effective Temporal Dependence Discovery in Time Series Data](http://www.comp.nus.edu.sg/~ooibc/cohana18.pdf), in Proceedings of the VLDB Endowment, 11(8), pp.893-905, 2018. + * Z. Xie, Q. Cai, F. He, G.Y. Ooi, W. Huang, B.C. Ooi. [Cohort Analysis with Ease](https://dl.acm.org/doi/10.1145/3183713.3193540), in Proceedings of the 2018 International Conference on Management of Data, pp.1737-1740, 2018. + * D. Jiang, Q. Cai, G. Chen, H. V. Jagadish, B. C. Ooi, K.-L. Tan, and A. K. H. Tung. [Cohort Query Processing](http://www.vldb.org/pvldb/vol10/p1-ooi.pdf), in Proceedings of the VLDB Endowment, 10(1), 2016. diff --git a/docs/tutorials/tutorial-input-formats.md b/docs/tutorials/tutorial-input-formats.md index f209a23..6014354 100644 --- a/docs/tutorials/tutorial-input-formats.md +++ b/docs/tutorials/tutorial-input-formats.md @@ -7,7 +7,7 @@ tags: [data-loader, input-format] import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; -# How to Load Data to COOL +## How to Load Data to COOL This tutorial firstly shows a complete example of using a local COOL package to load the sample sogamo csv dataset and executes a query. Then describes briefly how the data in other formats can be similarly loaded. ## Data sources Let's take a look at all the source files: diff --git a/docusaurus.config.js b/docusaurus.config.js index ce284be..5d6d811 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -12,8 +12,9 @@ const config = { 'A cohort OLAP system specialized for cohort analysis with extremely low latency.', organizationName: 'National University of Singapore (DB2)', projectName: 'COOL', - url: 'https://www.comp.nus.edu.sg/~dbsystem/', - baseUrl: '/', + url: 'https://www.comp.nus.edu.sg/~dbsystem/cool/', + // baseUrl: '/', /** DEV */ + baseUrl: '/~dbsystem/cool/', /** PROD */ onBrokenLinks: 'throw', onBrokenMarkdownLinks: 'warn', favicon: 'assets/icons/svg/logo.png', @@ -130,10 +131,10 @@ const config = { label: 'How to use COOL webapp', to: '/blog/2021/12/14/how-to-perform-cohort-analysis-with-COOL', }, - { - label: 'COOL for covid19', - href: 'https://www.comp.nus.edu.sg/~dbsystem/cool/#/covid-19', - }, + // { + // label: 'COOL for covid19', + // href: 'https://www.comp.nus.edu.sg/~dbsystem/cool/#/covid-19', + // }, ], }, { diff --git a/package-lock.json b/package-lock.json index 9ab298f..2fb4197 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,11 +1,11 @@ { - "name": "my-website", + "name": "COOL-website", "version": "0.0.0", "lockfileVersion": 2, "requires": true, "packages": { "": { - "name": "my-website", + "name": "COOL-website", "version": "0.0.0", "dependencies": { "@docusaurus/core": "2.0.0-beta.9", @@ -14685,8 +14685,7 @@ "@mdx-js/react": { "version": "1.6.22", "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-1.6.22.tgz", - "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==", - "requires": {} + "integrity": "sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg==" }, "@mdx-js/util": { "version": "1.6.22", @@ -15200,14 +15199,12 @@ "acorn-import-assertions": { "version": "1.8.0", "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz", - "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==", - "requires": {} + "integrity": "sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw==" }, "acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", - "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", - "requires": {} + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==" }, "acorn-walk": { "version": "8.2.0", @@ -15268,8 +15265,7 @@ "ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", - "requires": {} + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==" }, "algoliasearch": { "version": "4.11.0", @@ -15659,8 +15655,7 @@ "acorn-dynamic-import": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz", - "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==", - "requires": {} + "integrity": "sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==" }, "ansi-styles": { "version": "3.2.1", @@ -16447,8 +16442,7 @@ "cssnano-utils": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-2.0.1.tgz", - "integrity": "sha512-i8vLRZTnEH9ubIyfdZCAdIdgnHAUeQeByEeQ2I7oTilvP9oHO6RScpeq3GsFUVqeB8uZgOQ9pw8utofNn32hhQ==", - "requires": {} + "integrity": "sha512-i8vLRZTnEH9ubIyfdZCAdIdgnHAUeQeByEeQ2I7oTilvP9oHO6RScpeq3GsFUVqeB8uZgOQ9pw8utofNn32hhQ==" }, "csso": { "version": "4.2.0", @@ -17845,8 +17839,7 @@ "icss-utils": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", - "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", - "requires": {} + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==" }, "ignore": { "version": "5.1.9", @@ -19213,26 +19206,22 @@ "postcss-discard-comments": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.0.1.tgz", - "integrity": "sha512-lgZBPTDvWrbAYY1v5GYEv8fEO/WhKOu/hmZqmCYfrpD6eyDWWzAOsl2rF29lpvziKO02Gc5GJQtlpkTmakwOWg==", - "requires": {} + "integrity": "sha512-lgZBPTDvWrbAYY1v5GYEv8fEO/WhKOu/hmZqmCYfrpD6eyDWWzAOsl2rF29lpvziKO02Gc5GJQtlpkTmakwOWg==" }, "postcss-discard-duplicates": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.0.1.tgz", - "integrity": "sha512-svx747PWHKOGpAXXQkCc4k/DsWo+6bc5LsVrAsw+OU+Ibi7klFZCyX54gjYzX4TH+f2uzXjRviLARxkMurA2bA==", - "requires": {} + "integrity": "sha512-svx747PWHKOGpAXXQkCc4k/DsWo+6bc5LsVrAsw+OU+Ibi7klFZCyX54gjYzX4TH+f2uzXjRviLARxkMurA2bA==" }, "postcss-discard-empty": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.0.1.tgz", - "integrity": "sha512-vfU8CxAQ6YpMxV2SvMcMIyF2LX1ZzWpy0lqHDsOdaKKLQVQGVP1pzhrI9JlsO65s66uQTfkQBKBD/A5gp9STFw==", - "requires": {} + "integrity": "sha512-vfU8CxAQ6YpMxV2SvMcMIyF2LX1ZzWpy0lqHDsOdaKKLQVQGVP1pzhrI9JlsO65s66uQTfkQBKBD/A5gp9STFw==" }, "postcss-discard-overridden": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.0.1.tgz", - "integrity": "sha512-Y28H7y93L2BpJhrdUR2SR2fnSsT+3TVx1NmVQLbcnZWwIUpJ7mfcTC6Za9M2PG6w8j7UQRfzxqn8jU2VwFxo3Q==", - "requires": {} + "integrity": "sha512-Y28H7y93L2BpJhrdUR2SR2fnSsT+3TVx1NmVQLbcnZWwIUpJ7mfcTC6Za9M2PG6w8j7UQRfzxqn8jU2VwFxo3Q==" }, "postcss-discard-unused": { "version": "5.0.1", @@ -19322,8 +19311,7 @@ "postcss-modules-extract-imports": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", - "requires": {} + "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==" }, "postcss-modules-local-by-default": { "version": "4.0.0", @@ -19354,8 +19342,7 @@ "postcss-normalize-charset": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.0.1.tgz", - "integrity": "sha512-6J40l6LNYnBdPSk+BHZ8SF+HAkS4q2twe5jnocgd+xWpz/mx/5Sa32m3W1AA8uE8XaXN+eg8trIlfu8V9x61eg==", - "requires": {} + "integrity": "sha512-6J40l6LNYnBdPSk+BHZ8SF+HAkS4q2twe5jnocgd+xWpz/mx/5Sa32m3W1AA8uE8XaXN+eg8trIlfu8V9x61eg==" }, "postcss-normalize-display-values": { "version": "5.0.1", @@ -19608,8 +19595,7 @@ "postcss-zindex": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/postcss-zindex/-/postcss-zindex-5.0.1.tgz", - "integrity": "sha512-nwgtJJys+XmmSGoYCcgkf/VczP8Mp/0OfSv3v0+fw0uABY4yxw+eFs0Xp9nAZHIKnS5j+e9ywQ+RD+ONyvl5pA==", - "requires": {} + "integrity": "sha512-nwgtJJys+XmmSGoYCcgkf/VczP8Mp/0OfSv3v0+fw0uABY4yxw+eFs0Xp9nAZHIKnS5j+e9ywQ+RD+ONyvl5pA==" }, "prepend-http": { "version": "2.0.0", @@ -19633,8 +19619,7 @@ "prism-react-renderer": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/prism-react-renderer/-/prism-react-renderer-1.2.1.tgz", - "integrity": "sha512-w23ch4f75V1Tnz8DajsYKvY5lF7H1+WvzvLUcF0paFxkTHSp42RS0H5CttdN2Q8RR3DRGZ9v5xD/h3n8C8kGmg==", - "requires": {} + "integrity": "sha512-w23ch4f75V1Tnz8DajsYKvY5lF7H1+WvzvLUcF0paFxkTHSp42RS0H5CttdN2Q8RR3DRGZ9v5xD/h3n8C8kGmg==" }, "prismjs": { "version": "1.25.0", @@ -20026,8 +20011,7 @@ "react-side-effect": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.1.tgz", - "integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ==", - "requires": {} + "integrity": "sha512-2FoTQzRNTncBVtnzxFOk2mCpcfxQpenBMbk5kSVBg5UcPqV9fRbgY2zhb7GTWWOlpFmAxhClBDlIq8Rsubz1yQ==" }, "react-textarea-autosize": { "version": "8.3.3", @@ -21691,8 +21675,7 @@ "use-isomorphic-layout-effect": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.1.tgz", - "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==", - "requires": {} + "integrity": "sha512-L7Evj8FGcwo/wpbv/qvSfrkHFtOpCzvM5yl2KVyDJoylVuSvzphiiasmjgQPttIGBAy2WKiBNR98q8w7PiNgKQ==" }, "use-latest": { "version": "1.2.0", @@ -22064,8 +22047,7 @@ "ws": { "version": "8.3.0", "resolved": "https://registry.npmjs.org/ws/-/ws-8.3.0.tgz", - "integrity": "sha512-Gs5EZtpqZzLvmIM59w4igITU57lrtYVFneaa434VROv4thzJyV6UjIL3D42lslWlI+D4KzLYnxSwtfuiO79sNw==", - "requires": {} + "integrity": "sha512-Gs5EZtpqZzLvmIM59w4igITU57lrtYVFneaa434VROv4thzJyV6UjIL3D42lslWlI+D4KzLYnxSwtfuiO79sNw==" } } }, @@ -22189,8 +22171,7 @@ "ws": { "version": "7.5.6", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.6.tgz", - "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==", - "requires": {} + "integrity": "sha512-6GLgCqo2cy2A2rjCNFlxQS6ZljG/coZfZXclldI8FB/1G3CCI36Zd8xy2HrFVACi8tfk5XrgLQEk+P0Tnz9UcA==" }, "xdg-basedir": { "version": "4.0.0", diff --git a/src/config/customFields.js b/src/config/customFields.js index 34f33b2..80babd9 100644 --- a/src/config/customFields.js +++ b/src/config/customFields.js @@ -9,5 +9,6 @@ module.exports = { title: 'COOL: CohOrt OnLine Processing system', versions: ['1.0.0'], livedemoUrl: - 'http://ec2-13-212-103-48.ap-southeast-1.compute.amazonaws.com:8201/en/login/?next=/en/dashboard', + 'http://13.212.99.209:8201/accounts/login/?next=/', + // 'http://ec2-13-212-103-48.ap-southeast-1.compute.amazonaws.com:8201/en/login/?next=/en/dashboard', }; diff --git a/src/css/index.scss b/src/css/index.scss index bd9945f..8e5b4f9 100644 --- a/src/css/index.scss +++ b/src/css/index.scss @@ -39,7 +39,7 @@ overflow-x: hidden; } -.Section + .Section { +.Section+.Section { border-top: 1px solid var(--ifm-table-border-color); } @@ -90,7 +90,7 @@ html[data-theme="dark"] .Section p a { max-width: 1200px; margin: -10px auto 0; - .social-button{ + .social-button { margin-right: 10px; } @@ -163,14 +163,15 @@ html[data-theme="dark"] .Section p a { //font-weight: 500; } - .buttons{ + .buttons { margin-top: 40px; } - .buttons .button{ + .buttons .button { font-size: 18px; border-radius: 10px; margin-right: 20px; + min-width: 160px; &.primary { //color: var(--dark); @@ -209,11 +210,11 @@ html[data-theme="dark"] .Section p a { } } -.IntroHeader .right{ +.IntroHeader .right { float: left; width: 40%; - .logo-img{ + .logo-img { display: flex; width: 300px; margin: 0 auto; @@ -234,7 +235,7 @@ html[data-theme="dark"] .Section p a { } .Architecture .center-box { - text-align:center + text-align: center } .Architecture .center-box .title { @@ -245,6 +246,7 @@ html[data-theme="dark"] .Section p a { margin: 0 auto; width: 55%; } + @media only screen and (min-width: 2000px) { .Architecture .center-box .arch-img { margin: 0 auto; @@ -260,7 +262,7 @@ html[data-theme="dark"] .Section p a { margin: 0 auto; justify-content: center; - .color-p{ + .color-p { color: var(--orange); } } @@ -274,56 +276,57 @@ html[data-theme="dark"] .Section p a { padding: 2rem 0; width: 100%; - .text-center{ + .text-center { text-align: center; } } -.Features .title{ - text-align:center; +.Features .title { + text-align: center; font-size: 35px; } -.Features .onpure_bg{ +.Features .onpure_bg { background: #f2f2f2; - margin:0 auto; + margin: 0 auto; background-size: cover; position: relative; } -.Features .onpure{ +.Features .onpure { position: absolute; //top: 70px; - left:50%; + left: 50%; width: 150px; margin-left: -75px; //margin-top: 50px; z-index: 1 } -.Features .onpure_title{ - background:#f2f2f2; - padding:0px 20px 0px 20px; +.Features .onpure_title { + background: #f2f2f2; + padding: 0px 20px 0px 20px; width: 50%; //border-style:solid; //border-width:5px; } -.Features .line{ +.Features .line { display: inline-block; width: 90%; height: 0px; border: 1px solid #000; position: absolute; - top:8%; + top: 8%; left: 50%; margin-left: -45%; } -.Features .onpure_rest{ - margin-top:40px; - .color-p{ +.Features .onpure_rest { + margin-top: 40px; + + .color-p { white-space: nowrap; color: var(--orange); } @@ -331,32 +334,32 @@ html[data-theme="dark"] .Section p a { /* use-cases */ -.UseCaseTabs{ +.UseCaseTabs { width: 100%; height: auto; } -.UseCaseTabs .container{ +.UseCaseTabs .container { width: 80%; //border-style:solid; - .title{ - text-align:center; + .title { + text-align: center; font-size: 35px; } - .desc{ + .desc { margin: 0 auto; width: 70%; text-align: center; font-size: 20px; } - .buttons{ - text-align:center; + .buttons { + text-align: center; } - .buttons .button{ + .buttons .button { padding: 0.75rem 1.5rem; text-align: center; font-size: 1.25rem; @@ -389,7 +392,7 @@ html[data-theme="dark"] .Section p a { } } - .items{ + .items { width: 100%; text-align: center; margin: 20px auto 0; @@ -401,7 +404,7 @@ html[data-theme="dark"] .Section p a { flex-flow: row nowrap; justify-content: center; - .panel{ + .panel { margin-left: -100%; flex: 1; opacity: 0; @@ -409,25 +412,25 @@ html[data-theme="dark"] .Section p a { //border-style: solid; } - .panel_active{ + .panel_active { margin-left: 0; opacity: 1; z-index: 1; } - .panel_center{ + .panel_center { width: 60%; text-align: center; } - .panel_items{ + .panel_items { //display: flex; width: 38%; float: left; padding-left: 20px; padding-top: 10px; - .class{ + .class { margin: 0; font-size: 15px; text-align: left; @@ -435,20 +438,20 @@ html[data-theme="dark"] .Section p a { text-transform: uppercase; } - .title{ + .title { margin: 10px 0px 10px 0px; font-size: 28px; text-align: left; //border-style: solid; } - .content{ + .content { font-size: 15px; text-align: left; } } - video{ + video { float: left; width: 60%; border-style: solid; @@ -464,8 +467,8 @@ html[data-theme="dark"] .Section p a { height: auto; //border-style:solid; - .title{ - text-align:center; + .title { + text-align: center; font-size: 35px; } @@ -476,8 +479,8 @@ html[data-theme="dark"] .Section p a { //border-style: solid; } - @media only screen and (min-width: 2000px){ - .TechVideo{ + @media only screen and (min-width: 2000px) { + .TechVideo { width: 70%; } } @@ -498,12 +501,12 @@ html[data-theme="dark"] .Section p a { height: auto; //border-style:solid; - .title{ - text-align:center; + .title { + text-align: center; font-size: 35px; } - .container{ + .container { width: 80%; //border-style: solid; } @@ -521,12 +524,12 @@ html[data-theme="dark"] .Section p a { display: flex; } - .DemoText{ - margin-top: 10px ; + .DemoText { + margin-top: 10px; float: left; width: 40%; - .class{ + .class { margin: 0; font-size: 15px; text-align: left; @@ -534,7 +537,7 @@ html[data-theme="dark"] .Section p a { text-transform: uppercase; } - .button{ + .button { color: black; border-style: solid; @@ -550,21 +553,22 @@ html[data-theme="dark"] .Section p a { /* Try our code */ -.TryOurCode{ +.TryOurCode { width: 100%; } .TryOurCode .container { width: 80%; - .text{ + .text { text-align: center; margin-bottom: 30px; } - .TryOurCode{ + + .TryOurCode { width: 70%; margin: 0 auto; - border:2px solid; - border-radius:5px; + border: 2px solid; + border-radius: 5px; } } \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 20ef10b..9b64935 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -53,18 +53,18 @@ function IntroHeader() { className="button primary" href={customFields.livedemoUrl} target="_self"> - Get Started + Demo - Learn more - + */}
- Logo + Logo