Merge pull request #87 from sebastiangollob/Update-Urls-Hotu

Update URLs and add HOTU
Catrobat · Oct 10, 2023 · 0e9c99a · 0e9c99a
2 parents 5255cea + c834b8e
commit 0e9c99a
Show file tree

Hide file tree

Showing 34 changed files with 430 additions and 13 deletions.
diff --git a/Gemfile b/Gemfile
@@ -3,3 +3,4 @@ source 'https://rubygems.org'
 gem "jekyll"
 gem "just-the-docs"
 gem 'liquid', '~> 4.0', '>= 4.0.4'
+gem 'jekyll-redirect-from'
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -34,6 +34,8 @@ GEM
       safe_yaml (~> 1.0)
       terminal-table (>= 1.8, < 4.0)
       webrick (~> 1.7)
+    jekyll-redirect-from (0.16.0)
+      jekyll (>= 3.3, < 5.0)
     jekyll-sass-converter (3.0.0)
       sass-embedded (~> 1.54)
     jekyll-seo-tag (2.8.0)
@@ -84,6 +86,7 @@ PLATFORMS
 
 DEPENDENCIES
   jekyll
+  jekyll-redirect-from
   just-the-docs
   liquid (~> 4.0, >= 4.0.4)
 

diff --git a/_config.yml b/_config.yml
@@ -48,6 +48,8 @@ nav_external_links:
     url: https://github.com/Catrobat
   - title: Project statistics
     url: https://www.openhub.net/p/catrobat
+  - title: Hour Of Code
+    url: https://developer.catrobat.org/pages/hour-of-code
 
 # Footer
 back_to_top: true
@@ -84,6 +86,7 @@ callouts:
 
 plugins:
   - jekyll-seo-tag
+  - jekyll-redirect-from
 
 kramdown:
   syntax_highlighter_opts:

diff --git a/_includes/socials.html b/_includes/socials.html
@@ -1,7 +1,4 @@
 <div class="socials">
-    <a href="https://discord.com/invite/tnsePcW8HY" target="_blank" class="btn">
-      <img src="{{ site.baseurl }}/assets/images/discord_logo.svg" alt="Discord Logo">
-    </a>
     <a href="https://www.youtube.com/@CatrobatOrgAdmin" target="_blank" class="btn">
       <img src="{{ site.baseurl }}/assets/images/youtube_logo.svg" alt="YouTube Logo">
     </a>

diff --git a/assets/images/discord_logo.svg b/assets/images/discord_logo.svg
diff --git a/hour-of-code/css/style.css b/hour-of-code/css/style.css
@@ -0,0 +1,154 @@
+* {
+  /*border: 1px solid rgba(0, 0, 0, 0.3);*/
+}
+
+
+@import url('https://fonts.googleapis.com/css?family=PT+Sans|Source+Sans+Pro');
+
+#banner img{
+  margin-top: 70px;
+  width: 100%;
+  height: 100%;
+  left: 0px;
+  top: 0px;
+}
+
+#content {
+  margin-top: 75px;
+}
+
+@media screen and (max-width: 600px) {
+  .navigation a:not(:first-child) {display: none;}
+  .navigation a.icon {
+    float: right;
+    display: block;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .navigation.responsive .icon {
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+  .navigation.responsive a {
+    float: none;
+    display: block;
+    text-align: center;
+    z-index: 1;
+  }
+}
+
+
+.stretch {
+    width:100%;
+}
+
+a:link, a:visited {
+  text-decoration: none;
+  color: orange;
+}
+
+.navigation  {
+  width: 100%;
+  position: fixed;
+  top: 0;
+  text-align: center;
+  background-color: #0B3E99;
+  display: block;
+}
+
+.navigation .icon {
+  display: none;
+}
+
+.navigation a {
+  display: inline-block;
+  text-align: center;
+  font-size: 250%;
+  padding: 10px;
+  border-color: black;
+  color: white;
+}
+
+.navigation img {
+  max-height:40px;
+}
+
+.social {
+  max-width: 50px;
+}
+
+.store {
+  max-width: 190px;
+}
+.navigation  a:hover, a:active {
+  background-color: #e1b32a;
+  color: black;
+}
+
+.text {
+  text-align: justify;
+  margin-left: 10%;
+  margin-right: 10%;
+  line-height: 150%;
+  color: white;
+}
+
+body {
+  min-height: 100%;
+  margin: auto;
+  padding: 0;
+  background-image: linear-gradient(#0B3E99, #00004d);
+  background-color: #3A085D;
+  font-family: "Source Sans Pro", sans-serif;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+}
+html {
+  min-height: 100%;
+}
+
+.column {
+  float: left;
+  width: 45%;
+  padding: 2%;
+}
+
+.row:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+@media screen and (max-width: 600px) {
+  .column {
+    width: 100%;
+  }
+}
+
+.picture-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 100%;
+}
+
+.contact {
+  margin-top: 70px;
+  text-align: justify;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 150%;
+  width: 100em;
+  color: white;
+}
+
+a.anchor {
+    display: block;
+    position: relative;
+    top: -70px;
+    visibility: hidden;
+}
diff --git a/hour-of-code/img/Background-GGJ.jpg b/hour-of-code/img/Background-GGJ.jpg
diff --git a/hour-of-code/img/GooglePlay.png b/hour-of-code/img/GooglePlay.png
diff --git a/hour-of-code/img/HuaweiAppGallery.png b/hour-of-code/img/HuaweiAppGallery.png
diff --git a/hour-of-code/img/Huawei_AppGallery-300x125.png b/hour-of-code/img/Huawei_AppGallery-300x125.png
diff --git a/hour-of-code/img/IOSstore.png b/hour-of-code/img/IOSstore.png
diff --git a/hour-of-code/img/gamejam_banner.png b/hour-of-code/img/gamejam_banner.png
diff --git a/hour-of-code/img/link.png b/hour-of-code/img/link.png
diff --git a/hour-of-code/img/lynx.png b/hour-of-code/img/lynx.png
diff --git a/hour-of-code/img/panda.png b/hour-of-code/img/panda.png
diff --git a/hour-of-code/img/pc-headline.png b/hour-of-code/img/pc-headline.png
diff --git a/hour-of-code/img/penguin.png b/hour-of-code/img/penguin.png
diff --git a/hour-of-code/img/program.png b/hour-of-code/img/program.png
diff --git a/hour-of-code/img/social/facebook.png b/hour-of-code/img/social/facebook.png
diff --git a/hour-of-code/img/social/twitter.png b/hour-of-code/img/social/twitter.png
diff --git a/hour-of-code/img/upload.png b/hour-of-code/img/upload.png