Merge pull request #2 from mlachkar/new-design

new design
scalacenter · Nov 25, 2021 · 0525472 · 0525472
2 parents 8242312 + 3ade7b1
commit 0525472
Show file tree

Hide file tree

Showing 12 changed files with 27 additions and 21 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -7,7 +7,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Scala Center Advent of Code',
-  tagline: 'Some fun with Scala',
+  tagline: '',
   url: 'https://scalacenter.github.io/',
   baseUrl: '/scala-advent-of-code/',
   onBrokenLinks: 'throw',
@@ -41,7 +41,7 @@ const config = {
         title: 'Scala Advent of Code',
         logo: {
           alt: 'Scala Center',
-          src: '/img/scala-center.png',
+          src: '/img/scala-with-tree.png',
         },
         items: [
           {
@@ -70,7 +70,6 @@ const config = {
         ],
       },
       footer: {
-        style: 'dark',
         links: [
           {
             title: 'Content',
@@ -92,18 +91,10 @@ const config = {
           {
             title: 'Community',
             items: [
-              {
-                label: 'Stack Overflow',
-                href: 'https://stackoverflow.com/questions/tagged/scala',
-              },
               {
                 label: 'Discord',
                 href: 'https://discord.gg/pNUuM4gA'
               },
-              {
-                label: 'Gitter',
-                href: 'https://gitter.im/scala/center',
-              },
               {
                 label: 'Twitter',
                 href: 'https://twitter.com/scala_lang',

diff --git a/website/src/components/HomepageFeatures.js b/website/src/components/HomepageFeatures.js
@@ -22,7 +22,7 @@ export default function HomepageFeatures() {
           </div>
           <div className={clsx('col col--4')}>
             <div className="text--center">
-              <img src={useBaseUrl('/img/screenshot.png')} className={styles.featureSvg} />
+              <img src={useBaseUrl('/img/adventOfCode.png')} className={styles.featureSvg} />
             </div>
             <div className="text--center padding-horiz--md">
               <h3>Solve Advent of Code puzzles</h3>

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -6,14 +6,24 @@
 
 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #25c2a0;
-  --ifm-color-primary-dark: rgb(33, 175, 144);
-  --ifm-color-primary-darker: rgb(31, 165, 136);
-  --ifm-color-primary-darkest: rgb(26, 136, 112);
-  --ifm-color-primary-light: rgb(70, 203, 174);
-  --ifm-color-primary-lighter: rgb(102, 212, 189);
-  --ifm-color-primary-lightest: rgb(146, 224, 208);
+  --ifm-color-primary: #113f5c;
+  --ifm-color-primary-lightest: #165278;
+  --ifm-color-primary-lighter: #14486a;
+  --ifm-color-primary-light: #134565;
+  --ifm-color-primary-dark: #0f3953;
+  --ifm-color-primary-darker: #0e364e;
+  --ifm-color-primary-darkest: #0c2c40;
   --ifm-code-font-size: 95%;
+  --ifm-heading-color: rgb(255, 255, 255);
+  --ifm-footer-background-color: #0c2c40
+}
+html footer {
+  --ifm-footer-title-color: rgb(255, 255, 255);
+  --ifm-footer-link-color: #dadde1;
+  --ifm-footer-color: #dadde1;
+  /*background-image: url("../../static/img/130.jpg");*/
+  /*background-size: cover;*/
+  /*background-position: bottom;*/
 }
 
 .docusaurus-highlight-code-line {

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
@@ -13,7 +13,7 @@ function HomepageHeader() {
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
       <div className="container">
         <h1 className="hero__title">
-          Scala Advent of Code by 
+          Scala Advent of Code by
           <a href="https://scala.epfl.ch/">
             <img className={styles.scalacenter} alt="Scala Center" src={useBaseUrl('/img/scala-center.png')} title="Scala Center"/>
           </a>
@@ -36,7 +36,7 @@ export default function Home() {
   return (
     <Layout
       title={siteConfig.title}
-      description="Description will go into a meta tag in <head />">
+      description="Scala advent of code by the scala center">
       <HomepageHeader />
       <main>
         <HomepageFeatures />

diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -8,6 +8,9 @@
   text-align: center;
   position: relative;
   overflow: hidden;
+  background-image: url("../../static/img/130.jpg");
+  background-size: cover;
+  /*background-position: top;*/
 }
 
 @media screen and (max-width: 966px) {
@@ -30,4 +33,6 @@
   width: 50px;
   height: 70px;
   margin-left: 1rem;
+  display: inline-block;
+  vertical-align: middle; /* add this */
 }
diff --git a/website/static/img/130.jpg b/website/static/img/130.jpg
diff --git a/website/static/img/adventOfCode.png b/website/static/img/adventOfCode.png
diff --git a/website/static/img/community.png b/website/static/img/community.png
diff --git a/website/static/img/favicon.ico b/website/static/img/favicon.ico
diff --git a/website/static/img/scala-icon.png b/website/static/img/scala-icon.png
diff --git a/website/static/img/scala-with-tree.png b/website/static/img/scala-with-tree.png
diff --git a/website/static/img/screenshot.png b/website/static/img/screenshot.png