add logo and hero

coolya · Nov 29, 2020 · 567b54e · 567b54e
1 parent d6de4ad
commit 567b54e
Show file tree

Hide file tree

Showing 13 changed files with 405 additions and 11 deletions.
diff --git a/config.toml b/config.toml
@@ -11,7 +11,7 @@ title = "Heavy Meta TV"
 
 # Hero section (from here on is for icon theme)
 [params.hero]
-  img = "images/hero_bg.jpg"
+  img = "images/hero.jpg"
   title = "Tutorials for JetBrains Meta Programming System"
   description = "Comprehensive tutorials and information about how to build and design your langauges."
 

diff --git a/content/about.md b/content/about.md
@@ -1,6 +1,4 @@
 
-# About
-
 Heavy Meta TV hosts an in depth tutorial for JetBrains Meta Programming System (MPS) of about 20 hours. The tutorials 
 were filmed as part of a series of live streams in 2018/2019. Since then MPS hasn't changed fundamentally so most of the
 content is still up to date. The series starts with a general introduction into modeling / language engineering and a 

diff --git a/layouts/_default/episode.html b/layouts/_default/episode.html
@@ -1,4 +1,4 @@
-<div id="fh5co-episode" data-section="episodes-{{.Params.id}}">
+<div id="fh5co-episode-{{.Params.id}}" data-section="episodes-{{.Params.id}}" class="episode">
   <div class="container">
     <div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
       <h2>{{ .Title}} </h2>
@@ -44,5 +44,14 @@ <h2>{{ .Title}} </h2>
     </div>
     {{ end }}
 
+    <div class="col-md-12 interact">
+      <a class="edit" target="_blank"
+        href="https://github.com/coolya/heavymeta.tv/edit/master/content/episodes/{{ .Params.id }}.md"><img
+          src="/images/edit.svg" alt="edit this episode on github" /> </a>
+      <a class="feedback" target="_blank"
+        href="https://github.com/coolya/heavymeta.tv/issues/new?assignees=&labels=feedback&template=episode-feedback.md&title=Episode%3A+{{.Params.id }}"><img
+          src="/images/warning.svg" alt="feedback to this episode on github" /></a>
+    </div>
   </div>
+
 </div> <!-- END fh5co-services -->
diff --git a/layouts/index.html b/layouts/index.html
@@ -9,8 +9,7 @@
   </head>
   <body>
 
-    <!-- Loader -->
-    <div class="fh5co-loader"></div>
+
     <div class="fh5co-page">
       <div id="fh5co-container">
 

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -46,3 +46,4 @@
 <link rel="stylesheet" href="css/bootstrap.css">
 <!-- Theme style -->
 <link rel="stylesheet" href="css/style.css">
+<link rel="stylesheet" href="css/additional.css">
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
@@ -0,0 +1,13 @@
+<div id="fh5co-home" class="js-fullheight-home" data-section="home" style="background-image: url({{ .Site.Params.hero.img }});" data-stellar-background-ratio="0.5">
+  <div class="container">
+    <div class="col-md-6">
+      <div class="js-fullheight-home fh5co-copy">
+	<div class="js-fullheight-home fh5co-copy-inner">
+    <img src="/images/logo.svg" />
+	  <h1>{{ with .Site.Params.hero.title }}{{ . | markdownify }}{{ end }}</h1>
+	  <h2>{{ with .Site.Params.hero.description }}{{ . | markdownify }}{{ end }}</h2>
+	</div>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/layouts/partials/mission.html b/layouts/partials/mission.html
@@ -1,9 +1,10 @@
 <div id="fh5co-about" data-section="mission">
-	<div class="container fh5co-tabs-container">
-		<div class="fh5co-tab-content active">
-
+	<div class="container">
+		<div class="col-md-6 col-md-offset-3 text-center fh5co-heading">
+			<h2>About</h2>
+		  </div>
+		  <div class="col-md-12">
 			{{ with .Site.GetPage "/about.md" }}{{ .Content }}{{ end }}
-
-		</div>
+		  </div>
 	</div>
 </div> <!-- END fh5co-about -->
diff --git a/static/css/additional.css b/static/css/additional.css
@@ -0,0 +1,26 @@
+#fh5co-about {
+    padding-top: 5%;
+    padding-bottom: 10%;
+}
+
+.fh5co-heading h2 {
+    font-size: 24px;
+}
+
+.episode {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.interact{
+    text-align: right
+}
+
+.interact img {
+    width: 18px;
+}
+
+.fh5co-copy-inner img {
+    width: 33%;
+    margin-bottom: 30px;
+}
diff --git a/static/images/edit.svg b/static/images/edit.svg
diff --git a/static/images/hero.jpg b/static/images/hero.jpg
diff --git a/static/images/logo.svg b/static/images/logo.svg
diff --git a/static/images/warning.svg b/static/images/warning.svg