added attention message

5 files changed, 40 insertions, 6 deletions

diff --git a/README.md b/README.md
index 4857c8e..9ad5b00 100644
--- a/README.md
+++ b/README.md
@@ -23,11 +23,13 @@ If you want to use it feel free to do so, but be prepared to learn some SVG if y
 - a comment section would be nice to have
 - responsive webdesign
 
+Attention!
+This theme isn't build with full Internet Explorer Support, nor devices with a low resolution.
+
 # Special Thanks
 Special thanks goes to Freepik, Daniel Bruce and Plainicon from [www.flaticon.com](http://www.flaticon.com) for their great icons!
 Furthermore I would like to thank [CrimsonRay](https://github.com/CrimsonRay), the creator of the slender-Theme. He inspired me to make my own theme and I reused some of his code.
 
 # TODO:
 - Durchsichtige Kreis Hitboxen in SVG integrieren
-- Ordnerstruktur verschieben
-- Banner mit orangenem Ausrufezeichen statt Datum ermöglichen
\ No newline at end of file
+- Ordnerstruktur verschieben
\ No newline at end of file
diff --git a/config.toml b/config.toml
index 49a7fc0..c6a5597 100644
--- a/config.toml
+++ b/config.toml
@@ -15,7 +15,7 @@ googleAnalytics = ""
     name = "djuelg"
 
 [params]
-    # Homepage Start-Screen-SVG
+    # Homepage Start-Screen
     title_l1 = "Shapez Theme"
     title_l2 = ""
     subtitle_l1 = "Shapez is a theme created for hugo"
@@ -24,6 +24,8 @@ googleAnalytics = ""
     title_link = "/about/"
     subtitle_link = ""
 
+    message = "I'm a optional important message!"
+
     # Enter links for the buttons (button one has the house sign)
     button_1 = "/"
     button_2 = "/playground/"
diff --git a/themes/dj_blog/layouts/index.html b/themes/dj_blog/layouts/index.html
index e73bb5a..eb62df1 100644
--- a/themes/dj_blog/layouts/index.html
+++ b/themes/dj_blog/layouts/index.html
@@ -10,6 +10,15 @@
             </div>
 
             <div id="scroll-down" class="timeline-container">
+            {{ if .Site.Params.message }}
+                <div class="timeline-post" style="padding-bottom: 50px;">
+                    <div class="attention-message">
+                        </br><h1>!</h1>
+                    </div>
+                    <h3>{{ .Site.Params.message }}</h3>
+                </div>
+            {{ end }}
+
             {{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}
             {{ range $paginator.Pages.ByDate.Reverse }}
                 <div class="timeline-post">
diff --git a/themes/dj_blog/sample-config.toml b/themes/dj_blog/sample-config.toml
index 141017a..c6a5597 100644
--- a/themes/dj_blog/sample-config.toml
+++ b/themes/dj_blog/sample-config.toml
@@ -15,15 +15,17 @@ googleAnalytics = ""
     name = "djuelg"
 
 [params]
-    # Homepage Start-Screen-SVG
+    # Homepage Start-Screen
     title_l1 = "Shapez Theme"
     title_l2 = ""
     subtitle_l1 = "Shapez is a theme created for hugo"
-    subtitle_l2 = "with SVG pictures as partials."
-    subtitle_l3 = ""
+    subtitle_l2 = "with SVG pictures, CSS3 magic,"
+    subtitle_l3 = "struggle and love."
     title_link = "/about/"
     subtitle_link = ""
 
+    message = "I'm a optional important message!"
+
     # Enter links for the buttons (button one has the house sign)
     button_1 = "/"
     button_2 = "/playground/"
diff --git a/themes/dj_blog/static/css/default.css b/themes/dj_blog/static/css/default.css
index 1ee7222..1255f41 100644
--- a/themes/dj_blog/static/css/default.css
+++ b/themes/dj_blog/static/css/default.css
@@ -467,6 +467,25 @@ li:before {
   margin-bottom: 0.1em;
 }
 
+.attention-message {
+	height: 120px;
+	width: 120px;
+	border-radius: 50%;
+	background-color: #FF7400;
+	text-align: center;
+	line-height: 1em;
+	color: #EFFFFF;
+	float: left;
+	margin-top: -38px;
+	margin-right: 20px;
+}
+
+.attention-message h1 {
+  font-family: 'Fontdiner Swanky', cursive;
+  font-size: 5em;
+  font-weight: lighter;
+}
+
 #moustage {
 	display: box;
     align-items: center;