css additions & open graph meta tags

csvalpha · Mar 3, 2021 · cced471 · cced471
1 parent c4b3835
commit cced471
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 37 deletions.
diff --git a/coffee/index.html b/coffee/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
-  <title>OZON-congres 2019 - 418 I'm a teapot</title>
+  <title>OZON-congres 2021 - 418 I'm a teapot</title>
 </head>
 <body>
 <h1>418 - I'm a Teapot</h1>

diff --git a/css/app.sass b/css/app.sass
@@ -36,6 +36,5 @@ article
   text-decoration: none
 
   &:hover
-    //TODO: make this an animation (or whatever, transition idk) instead
     scale: 105%
 
diff --git a/css/footer.sass b/css/footer.sass
@@ -4,6 +4,7 @@ footer
   display: flex
   flex-direction: column
   align-items: stretch
+  font-size: 12px
 
   p
     font-size: 12px

diff --git a/css/style.css b/css/style.css
diff --git a/css/style.css.map b/css/style.css.map
diff --git a/index.html b/index.html
@@ -5,7 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>OZON-congres 2021</title>
 
-    <!--    TODO: add og meta tags-->
+    <meta property="og:title" content="OZON-congres 2020 - Punt op de Horizon">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://ozoncongres.nl">
+    <meta property="og:image" content="https://ozoncongres.nl/images/Logo%20OZON-congres.png">
+    <!--    todo: add og description -->
+    <meta property="og:description"
+          content="Dit jaar zal het OZON-congres online plaatsvinden. Ben je benieuwd naar het thema? Kom dan gerust even koekeloeren op de website.">
+
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
@@ -19,7 +26,6 @@
     <div class="header-logo-container">
         <img class="header-logo" src="images/Logo%20OZON-congres%20zonder%20achtergrond.png" alt="Punt op de Horizon">
     </div>
-<!--    todo: bedoeld voor mobiel, maar responsiveness moet nog even wat beter worden geïntegreerd! navbar hangt nu over de arrow heen...-->
     <div class="header-arrow bounce" onclick="scrollToEnroll()">
         <div class="arrow-down top">
         </div>
@@ -40,17 +46,18 @@
             <article>
                 <h2>Introductie</h2>
                 <p>
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid doloremque eligendi
-                    eveniet incidunt itaque minus perferendis provident, quam quis quod repellat soluta, velit? Error
-                    esse fuga quibusdam suscipit voluptas.
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aspernatur assumenda blanditiis
-                    consequuntur est et eum ipsam laborum minima modi nemo nostrum placeat quibusdam, quisquam
-                    recusandae sapiente sequi sit voluptas!
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquid facilis incidunt nemo nobis,
-                    nostrum vero. Ad delectus eveniet explicabo magnam. Commodi dolorum excepturi explicabo fugit libero
-                    molestias odio, similique?
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias amet asperiores autem dolor ea fuga
-                    hic id illum maiores quae quasi quisquam quos, tempora tenetur unde velit veritatis vero voluptatem.
+                    Vorig jaar heeft corona ervoor gezorgd dat er een streep door het OZON-congres werd gezet. Hoewel
+                    deze pandemie dit jaar nog steeds iedereen een punthoofd geeft en voor een hoop beperkende
+                    maatregelen zorgt zal het OZON-congres dit jaar doorgaan! Wij presenteren u het OZON-Congres 2021
+                    met als thema ‘Punt op de Horizon’. Hiermee proberen wij het sentiment te vatten dat er licht is aan
+                    het einde van de tunnel, zowel met betrekking tot onze tijd hier op aarde, als ook tot de huidige
+                    situatie met de maatregelen tegen Covid-19. Dit jaar geven we u de kans om uw broeders en zusters
+                    online te ontmoeten. Hierbij delen we u op in kleine groepjes. Dit betekent dat u dit jaar het
+                    OZON-Congres kunt meemaken vanuit eigen stad. Er zullen naast lezingen, ook borrels zijn met een
+                    radio verzorgd door de preasides van de verenigingen binnen OZON. Zijn uw pupillen al tot puntjes
+                    geworden vanwege dat felle licht? Geen probleem, want we hebben ook een actieve buitenactiviteit
+                    klaar staan. Kortom, u kunt een weekend lang uw dagelijkse beslommeringen vergeten en een gezegend
+                    weekend vieren met u broeders en zusters. Tot snel!
                 </p>
 
             </article>
@@ -105,27 +112,8 @@ <h2>Programma</h2>
             <div class="program-elaboration">
                 <article>
                     <h3>Programma info</h3>
-                    <i>Als het nodig is, dan kan hier nog wat extra uitleg <br> komen over het programma</i>
                     <p>
-
-                        Quisquam corrupti qui et voluptatibus id rerum consequatur. Ullam recusandae necessitatibus sint
-                        dignissimos eum. Odit eos quos vitae. Quo ratione sed autem eligendi sed occaecati tempore.
-
-                        Atque debitis vel qui. Corrupti occaecati iure quo tempore. Similique est cum voluptatem ipsa
-                        consequatur libero. Quis corrupti quis quod reiciendis. Dolorem natus exercitationem sunt quia
-                        nam expedita. Quia laboriosam assumenda praesentium a facilis molestias maiores.
-
-                        Sapiente blanditiis quod voluptatum quasi deserunt distinctio. Officia nihil ad et. Rem autem
-                        sit culpa vel aut vitae. Quia voluptate asperiores quia recusandae. Cupiditate dolor explicabo
-                        eveniet id quae. Aut voluptatibus non nisi ut sed sit.
-
-                        Magnam illo voluptatem neque quo et id. In rerum tempore modi assumenda consectetur. Animi quos
-                        expedita beatae aliquam quia facilis molestiae aliquam. Expedita amet quia suscipit dolores rem
-                        laborum aut rerum.
-
-                        Occaecati minus nemo maxime et sequi. Fugiat unde ducimus alias eligendi facilis laborum
-                        adipisci. Officia nam accusamus minima molestiae atque deleniti quidem. Ut eos eum impedit et
-                        vero.
+                        Volgt later.
                     </p>
                 </article>
             </div>
@@ -151,7 +139,7 @@ <h3>Programma info</h3>
         <div class="footer-other-content">
             <a class="email footer-other-item" href="mailto:[email protected]">[email protected]</a>
             <div class="author footer-other-item">Ontworpen door Matteo Bronkhorst</div>
-<!--            <div class="privacy-statement footer-other-item">Privacy</div>-->
+            <!--            <div class="privacy-statement footer-other-item">Privacy</div>-->
         </div>
     </div>
 </footer>