Feature/jonas huebotter

.gitignore

@@ -1,3 +1,13 @@
+# VS-Code
+.vscode
+
+# MAC OS
+.DS_Store
+
+#Jekyll Stuff
+.jekyll-cache
+
+# Template
 _site
 .sass-cache
 node_modules

CNAME

@@ -0,0 +1 @@
+heidelberg.ai

Gemfile

@@ -2,6 +2,9 @@ source "https://rubygems.org"
 
 gem "jekyll", ">= 3.8.5"
 
+# ruby 3.0 does not have this pre-installed
+gem "webrick"
+
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.6"
   gem "jekyll-paginate", "~> 1.1.0"

README.md

@@ -1,3 +1,48 @@
+# heidelberg.ai website
+Home: `index.html` for text and `_layouts/home.html` for html stuff.
+Events: `posts/index.htmls`
+Members: MeetUP
+About: `about.html` 
+Youtube: Youtube
+
+1. How to add a future Event?
+   1. Create a html file in `_posts` 
+   2. Write everyting down.
+   3. Announce (this could be done via index.html and a preview of newest Event)
+2. What to do after Event?
+   1. Change `future_date: False` in the event-file
+   2. Embed slides and/or video
+3. How to update Main Page?
+   1. How many People in Meetup?
+
+## Event Descriptor
+```
+---
+layout: post
+title: "Official NeurIPS Meetups"
+subtitle: "by Freiburg AI and Heidelberg AI"
+custom_date: "December 7-10, 2021" # Multiple Days
+time: 7pm # time shown on landing page
+date: 2021-12-07
+background: '/img/posts/logo.png'
+future_date: False # True if upcoming
+layer_shift: True
+---
+```
+
+
+Documentation for Bootstrap:
+- https://getbootstrap.com/docs/4.0/components/navbar/
+
+
+## Leftover ToDos:
+- Add Google site verification (and analytics?)
+- Add different logos for navbar (black for white background)?
+- Questions:
+  - Q: What to do with google-site-verification?
+
+
+
 # [Start Bootstrap - Clean Blog Jekyll](https://startbootstrap.com/themes/clean-blog-jekyll/) - Official Jekyll Version
 
 [Clean Blog Jekyll](https://startbootstrap.com/themes/clean-blog-jekyll/) is a stylish, responsive blog theme for [Bootstrap](https://getbootstrap.com/) created by [Start Bootstrap](https://startbootstrap.com/). This theme features a blog homepage, about page, contact page, and an example post page along with a working contact form powered by [Formspree](https://formspree.io/).

_config.yml

@@ -1,9 +1,11 @@
-title:              Clean Blog
-email:              [email protected]
-description:        A Blog Theme by Start Bootstrap
-author:             Start Bootstrap
-baseurl:            "/startbootstrap-clean-blog-jekyll"
-url:                "https://startbootstrap.github.io"
+title:              heidelberg.ai
+email:              
+description:        
+author:        
+# relative URL simply prepends baseurl to everything.  
+# baseurl:            "/startbootstrap-clean-blog-jekyll"
+baseurl:            
+url:                "https://heidelbergai.github.io"
 
 # Social Profiles
 twitter_username:   SBootstrap
@@ -13,13 +15,45 @@ instagram_username:
 linkedin_username:
 
 # Add your google-analytics ID here to activate google analytics
-google_analytics:   UA-XXXXXXXXX-X # out your google-analytics code
+# google_analytics:   UA-XXXXXXXXX-X # out your google-analytics code
 
 # Build settings
 markdown:           kramdown
-paginate:           5
+paginate:           10
 paginate_path:      "/posts/page:num/"
 plugins:
   - jekyll-feed
   - jekyll-paginate
   - jekyll-sitemap ## Uncomment this line to silently generate a sitemaps.org compliant sitemap for your Jekyll site
+
+future: true 
+
+
+# title: HeidelbergAI
+# author:
+# email:
+# description: test test test
+# author:
+# baseurl: "/website"
+# url:               "https://heidelbergai.github.io"
+
+# # Social Profiles
+# twitter_username:   SBootstrap
+# github_username:    StartBootstrap
+# facebook_username:  StartBootstrap
+# instagram_username:  
+# linkedin_username:
+
+# # Add your google-analytics ID here to activate google analytics
+# google_analytics:   UA-XXXXXXXXX-X # out your google-analytics code
+
+# # Build settings
+# markdown:           kramdown
+# paginate:           10
+# paginate_path:      "/posts/page:num/"
+# plugins:
+#   - jekyll-feed
+#   - jekyll-paginate
+#   - jekyll-sitemap ## Uncomment this line to silently generate a sitemaps.org compliant sitemap for your Jekyll site
+
+# future: true

_includes/footer.html

@@ -1,74 +1,23 @@
-<!-- Footer -->
-
 <hr>
 
 <footer>
   <div class="container">
     <div class="row">
-      <div class="col-lg-8 col-md-10 mx-auto">
-        <ul class="list-inline text-center">
-          {% if site.email %}
-          <li class="list-inline-item">
-            <a href="mailto:{{ site.email | encode_email }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="far fa-envelope fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-          {% if site.twitter_username %}
-          <li class="list-inline-item">
-            <a href="https://twitter.com/{{ site.twitter_username }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-          {% if site.facebook_username %}
-          <li class="list-inline-item">
-            <a href="https://www.facebook.com/{{ site.facebook_username }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-          {% if site.linkedin_username %}
-          <li class="list-inline-item">
-            <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-          {% if site.github_username %}
-          <li class="list-inline-item">
-            <a href="https://github.com/{{ site.github_username }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fab fa-github fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-          {% if site.instagram_username %}
-          <li class="list-inline-item">
-            <a href="https://instagram.com/{{ site.instagram_username }}">
-              <span class="fa-stack fa-lg">
-                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
-              </span>
-            </a>
-          </li>
-          {% endif %}
-        </ul>
-        <p class="copyright text-muted">Copyright &copy; {{ site.author }} {{ 'now' | date: "%Y" }}</p>
+      <div class="col-lg-8 col-md-10 mx-auto text-center">
+        <p class="copyright text-muted">
+          All GIFs hosted by 
+          <a href="https://giphy.com" target="_blank" rel="noopener">giphy.com</a> or  
+          <a href="https://tumblr.com" target="_blank" rel="noopener">tumblr.com</a> — 
+          Icons by <a href="https://icons8.com" target="_blank" rel="noopener">Icons8.com</a>
+        </p>
+        <p class="copyright text-muted">
+          &copy; {{ site.author }} {{ 'now' | date: "%Y" }}
+        </p>
+          <p class="small text-muted">
+          <a href="{{ '/imprint/' | relative_url }}">Imprint</a> |
+        <a href="{{ '/privacy/' | relative_url }}">Privacy Policy</a>
+        </p>
+
       </div>
     </div>
   </div>

_includes/google-analytics.html

@@ -5,6 +5,6 @@
   function gtag(){dataLayer.push(arguments);}
   gtag('js', new Date());
 
-  gtag('config', '{{ site.google_analytics }}');
+  gtag('config', '{{ site.google_analytics }}', { 'anonymize_ip': true });
 </script>
 

_includes/head.html

@@ -3,9 +3,10 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
+  <!-- Set icon for browser tab -->
+  <link rel="shortcut icon" type="image/png" href="{{"/img/hai/logo_only.png"| absolute_url }}">
   <title>
-    {% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}
-    {% else %}{{ site.title | escape }}{% endif %}
+    {{ site.title | escape }}
   </title>
 
   <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">

_includes/navbar.html

@@ -1,25 +1,49 @@
 <!-- Navigation -->
 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+<!-- <nav class="navbar navbar-light fixed-top" id="mainNav"> -->
   <div class="container">
-    <a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}</a>
+    <!-- <a class="navbar-brand" href="{{"/" | relative_url }}">{{ site.title | escape }}</a> -->
+<div class="d-none d-lg-block">
+  <!-- hide on screens smaller than lg -->
+  <a class="navbar-brand" href="{{ "/" | relative_url }}" style="display: flex; align-items: center; gap: 20px;">
+    <img width="45%" src="{{ "/img/hai/logo_left_offwhite.png" | relative_url }}" alt="Logo Left Offwhite" class="image1" /> 
+    <img width="55%" src="{{ "/img/hai/dkfz_logo.png" | relative_url }}" alt="DKFZ Logo" class="image1" />
+  </a>
+</div>
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
-      Menu
+      <img width="35%" src="{{"/img/hai/logo_left_black_300.png"| relative_url}}" alt="" class="image2" />
+      <!-- Menu -->
+      &nbsp;
       <i class="fa fa-bars"></i>
     </button>
     <div class="collapse navbar-collapse" id="navbarResponsive">
       <ul class="navbar-nav ml-auto">
         <li class="nav-item">
           <a class="nav-link" href="{{"/" | relative_url }}">Home</a>
         </li>
+        <!-- Add Events instead of posts-->
         <li class="nav-item">
-          <a class="nav-link" href="{{"/about" | relative_url }}">About</a>
+           <a class="nav-link" href="{{"/posts" | relative_url }}">Events</a>     
         </li>
+        <!-- Add Members -->
         <li class="nav-item">
-          <a class="nav-link" href="{{ "/posts" | relative_url }}">Posts</a>
+          <a class="nav-link" href="https://www.meetup.com/Heidelberg-Artificial-Intelligence-Meetup/" target="_blank">Members</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="{{"/contact" | relative_url }}">Contact</a>
+          <a class="nav-link" href="{{"/about" | relative_url }}">About</a>
         </li>
+        <!-- No Posts -->
+        <!-- <li class="nav-item">
+          <a class="nav-link" href="{{ "/posts" | relative_url }}">Posts</a>
+        </li> -->
+        <!-- Add Youtube -->
+        <li class="nav-item">
+          <a class="nav-link" href="https://www.youtube.com/channel/UCfHWBneOsb7SfOxJepnMQKA?disable_polymer=true" target="_blank">Youtube</a>
+        </li>
+
+        <!-- <li class="nav-item">
+          <a class="nav-link" href="{{"/contact" | relative_url }}">Contact</a>
+        </li> -->
       </ul>
     </div>
   </div>