tiny CSS update and deployment url change

README.md

@@ -10,7 +10,7 @@
 
 ## Currently deployed at:
 
-<a href="https://romantic-yonath-0742bf.netlify.app/" style="text-decoration: none;">romantic-yonath-0742bf.netlify.app/</a>
+<a href="https://sor-it.netlify.app/" style="text-decoration: none;">sor-it.netlify.app/</a>
 
 ## TO DO:
 

src/pages/404.js

@@ -1,17 +1,32 @@
+
+/* <--- Imports ---> */
 import * as React from "react"
-import Layout from '../statComponents/Layout';
 import { Link } from "gatsby"
+import { Helmet } from "react-helmet"
+import Layout from '../statComponents/Layout'
+
+/* <--- Resources ---> */
+import favicon from '../resources/favicon.ico'
+import logo192 from '../resources/logo192.png'
+
 
 const NotFoundPage = () => {
   return (
-      <Layout pageTitle="Ooops... Obsah nenalezen">
+      <Layout>
+        <Helmet htmlAttributes={{ lang: 'cs',}}>
+          <meta charSet="utf-8" />
+          <title>Ooops... - Studentská oborová rada IT PedF UK v Praze</title>
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+          <meta name="theme-color" content="#000000" />
+          <link rel="icon" href={favicon}/>
+          <link rel="apple-touch-icon" href={logo192} />
+        </Helmet>
+        <div className="mainContent" >
           <h2>Ooops... Obsah nenalezen</h2>
-        <p>Sorry{" "}
-          <span role="img" aria-label="Pensive emoji">
-            😔
-          </span>{" "}
-        </p>
+            <p>
               <Link to="/"><em>Vrátit na domovskou stránku</em></Link>
+            </p>
+        </div>
       </Layout>
   )
 }

src/pages/{MarkdownRemark.frontmatter__slug}.js

@@ -1,6 +1,13 @@
+/* <--- Imports ---> */
 import React from "react"
 import { graphql } from "gatsby"
-import Layout from '../statComponents/Layout';
+import { Helmet } from "react-helmet"
+import Layout from '../statComponents/Layout'
+
+
+/* <--- Resources ---> */
+import favicon from '../resources/favicon.ico'
+import logo192 from '../resources/logo192.png'
 
 export default function Template({
   data, // this prop will be injected by the GraphQL query below.
@@ -8,7 +15,15 @@ export default function Template({
   const { markdownRemark } = data // data.markdownRemark holds your post data
   const { frontmatter, html } = markdownRemark
   return (
-    <Layout pageTitle={frontmatter.pageTitle}>
+   <Layout>
+      <Helmet htmlAttributes={{ lang: 'cs',}}>
+        <meta charSet="utf-8" />
+        <title>{frontmatter.pageTitle} - Studentská oborová rada IT PedF UK v Praze</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <link rel="icon" href={favicon}/>
+        <link rel="apple-touch-icon" href={logo192} />
+      </Helmet>
         <div
           className="mainContent"
           dangerouslySetInnerHTML={{ __html: html }}

src/resources/style.css

@@ -43,7 +43,8 @@ ul.shapeShiftBar li{
   line-height: 60px;
   display: inline-block;
   position: relative;
-  padding: 2em;
+  padding-left: 2em;
+  padding-right: 2em;
 }
 
 ul.shapeShiftBar li:hover{
@@ -239,13 +240,12 @@ a[href^="mailto"] {
   }
 
   .SpinLogo {
-    padding: 15px;
+    padding: 20px;
   }
-
 }
 
 @media print {
-  .mainContent {background-color: transparent; padding: 0; margin: 0;}
+  .mainContent {background-color: transparent; padding: 0; margin: 0; width: 96%;}
   .topNavBar {display: none;}
   aside {display:none;}
   .bottomBar {display: none;}

src/statComponents/BottomBar.js

@@ -1,5 +1,8 @@
+/* <--- Imports ---> */
 import { Link } from 'gatsby';
 import React from 'react';
+
+/* <--- Resources ---> */
 import logoSORIT from '../resources/logoSORIT.svg';
 import znakUK from '../resources/UKZnakTransparent.png';
 import znakUKHover from '../resources/UKZnakTransparentHover.png';
@@ -10,7 +13,7 @@ const BottomBar = () => {
             <li>
                 <ul className="bottomBar">
                     <li>
-                        <Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="80"/></Link>
+                        <Link to="/"><img src={logoSORIT} className="SpinLogo" alt="Logo Oborové rady IT" width="70"/></Link>
                     </li>
                     <li>
                         <ul className="bottomNav">
@@ -53,8 +56,8 @@ const BottomBar = () => {
                     </li>
                     <li className="logoCuni">
                         <a href="https://www.cuni.cz" className="card">
-                            <img src={znakUK} alt="Znak Karlovy Univerzity" width="80" className="img-bot"/>
-                            <img src={znakUKHover} alt="Znak Karlovy Univerzity" width="80" className="img-top" />
+                            <img src={znakUK} alt="Znak Karlovy Univerzity" width="70" className="img-bot"/>
+                            <img src={znakUKHover} alt="Znak Karlovy Univerzity" width="70" className="img-top" />
                         </a>
                     </li>
                 </ul>

src/statComponents/Layout.js

@@ -1,40 +1,24 @@
 /* <--- Imports ---> */
-import { Helmet } from "react-helmet"
-
-import React from 'react';
-import BottomBar from './BottomBar';
-import SideContactBar from './SideContactBar';
-import TopNavBar from './TopNavBar';
-
+import React from 'react'
+import BottomBar from './BottomBar'
+import SideContactBar from './SideContactBar'
+import TopNavBar from './TopNavBar'
 
 /* <--- Resources ---> */
+import '../resources/style.css'
 
-import '../resources/style.css';
-import favicon from '../resources/favicon.ico'
-import logo192 from '../resources/logo192.png'
 
 
-  const Layout = ({ pageTitle, children }) => {
+const Layout = ({ children }) => {
   return (
       <div className="Layout">
-          <Helmet>
-            <meta charSet="utf-8" />
-            <title>{pageTitle} - Studentská oborová rada IT PedF UK v Praze</title>
-            <meta name="viewport" content="width=device-width, initial-scale=1" />
-            <meta name="theme-color" content="#000000" />
-            <link rel="icon" href={favicon}></link>
-            <link rel="apple-touch-icon" href={logo192} />
-          </Helmet>
-
         <header>
           <TopNavBar />
           {/* ---TO DO: Banner--- */}
         </header>
 
         <div className="FeedWrap">
-
           {children}
-
           <SideContactBar />
         </div>
 
@@ -45,4 +29,5 @@ import logo192 from '../resources/logo192.png'
       </div>
   )
 }
+
 export default Layout

src/statComponents/SideContactBar.js

@@ -1,3 +1,4 @@
+/* <--- Imports ---> */
 import React from 'react';
 
 const SideContactBar = () => {

src/statComponents/TopNavBar.js

@@ -1,6 +1,9 @@
-import React from 'react';
-import { Link } from 'gatsby';
-import logoSORIT from '../resources/logoSORIT.svg';
+/* <--- Imports ---> */
+import React from 'react'
+import { Link } from 'gatsby'
+
+/* <--- Resources ---> */
+import logoSORIT from '../resources/logoSORIT.svg'
 
 
 const TopNavBar = () => {