From ef1135962ebe19fcb8e50d819a91a59e933082d8 Mon Sep 17 00:00:00 2001 From: Pet Date: Thu, 12 Apr 2018 20:33:09 +0200 Subject: [PATCH] Implemented Lackis infoscreen layout --- app/assets/stylesheets/infoscreenframe.css | 134 +++++++++++++++++++++ app/views/home/infoscreen.html.erb | 42 +------ public/assets/infoscreenframe.css | 134 +++++++++++++++++++++ public/iframe/infoscreenframe.html | 104 ++++++++++++++++ 4 files changed, 376 insertions(+), 38 deletions(-) create mode 100644 app/assets/stylesheets/infoscreenframe.css create mode 100644 public/assets/infoscreenframe.css create mode 100644 public/iframe/infoscreenframe.html diff --git a/app/assets/stylesheets/infoscreenframe.css b/app/assets/stylesheets/infoscreenframe.css new file mode 100644 index 0000000..919656e --- /dev/null +++ b/app/assets/stylesheets/infoscreenframe.css @@ -0,0 +1,134 @@ +html { + background-color: #fff; + overflow: hidden; +} + +body { + display: flex; + flex-flow: wrap; + height: 100vh; + justify-content: space-between; + flex-direction: column; +} + +.header { + height: 200px; + width: 100% +} + +svg { + padding-top: 2em; +} + +.impulsPath { + fill: none; + stroke: #04669c; + stroke-miterlimit: 1; + stroke-width: 6px; + stroke-dasharray: 1946.243; + stroke-dashoffset: 0; + stroke-linejoin: round; + stroke-linecap: round; + animation: dash 10s ease-out infinite; + animation-direction: normal; +} + +.FET-logotext-stroke { + fill: #fff; +} + +#FET-logotext { + opacity: 0; + animation: logotext 10s ease-in infinite; + +} + + +.content-area { + + height: auto; + width: 100%; +} + +.footer { + width: 100%; + height: 150px; + background-color: #04669c; + padding-bottom: 10px; + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + color: #fff; + flex-basis: bottom; +} + +.footer h3, +p { + margin: 0; + padding: 0 20px; + font-family: Helvetica, Arial; + letter-spacing: 0.1em; +} + +.footer h3 { + padding-top: 20px; +} + +.footer .adress { + margin: auto; + text-align: left; +} + +.footer .contact { + margin: auto; + text-align: center; +} + +.footer .servicecontainer{ + display: inline-flex; + margin: auto; + +} +.footer .servicecontainer .servicetime { + margin: auto; + text-align: right; +} + +.footer .servicecontainer .servicetime #time { + font-size: 0.7em +} + +.footer .servicecontainer .servicestatus{ + margin: auto; + width:20px; + height: 100% + padding-right: 30px; + background-color: #fff; +} + + + + +/*K E Y F R A M E S*/ + +@keyframes dash { + from { + stroke-dashoffset: 1946.243; + opacity: 0; + stroke-width: 0.5; + } + to { + opacity: 1; + stroke-dashoffset: 0; + stroke-width: 5px; + } +} + +@keyframes logotext { + from { + opacity: 0; + } + to { + opacity: 1; + } +} diff --git a/app/views/home/infoscreen.html.erb b/app/views/home/infoscreen.html.erb index 42ba68a..6dbb85c 100644 --- a/app/views/home/infoscreen.html.erb +++ b/app/views/home/infoscreen.html.erb @@ -3,6 +3,7 @@ <%= stylesheet_link_tag "themes/"+theme_name+"/application", :media => "all" unless theme_name.empty? %> <%= stylesheet_link_tag "application", :media=>"all" if theme_name.empty? %> + <%= stylesheet_link_tag "infoscreenframe.css" %> <%= javascript_include_tag "application" %> <%= javascript_include_tag "jmpress" %> @@ -10,7 +11,7 @@ -<%= image_tag "infoscreen_header_provisorisch.png" %> <%#header picture/animation %> +<%= content_tag(:iframe,'', width: 300, height: 200, src: "/iframe/infoscreenframe.html") %> <%#header picture/animation %>
<% i=1 %> <% @neuigkeiten.each do |n| %> @@ -52,44 +53,9 @@ <% end %>
- <% - raw("zeitfunktion") - require 'time' - close_time = Time.parse "03:00 pm" - open_time = Time.parse "09:00 am" - current_time = Time.now - if (current_time > open_time) - raw("OPEN") - else - raw("CLOSED") - end - %> - -
-

Servicezeiten:9-15 blabla, service@fet blabla, content von lacki ;) Freitag 9-12

+
+
diff --git a/public/assets/infoscreenframe.css b/public/assets/infoscreenframe.css new file mode 100644 index 0000000..919656e --- /dev/null +++ b/public/assets/infoscreenframe.css @@ -0,0 +1,134 @@ +html { + background-color: #fff; + overflow: hidden; +} + +body { + display: flex; + flex-flow: wrap; + height: 100vh; + justify-content: space-between; + flex-direction: column; +} + +.header { + height: 200px; + width: 100% +} + +svg { + padding-top: 2em; +} + +.impulsPath { + fill: none; + stroke: #04669c; + stroke-miterlimit: 1; + stroke-width: 6px; + stroke-dasharray: 1946.243; + stroke-dashoffset: 0; + stroke-linejoin: round; + stroke-linecap: round; + animation: dash 10s ease-out infinite; + animation-direction: normal; +} + +.FET-logotext-stroke { + fill: #fff; +} + +#FET-logotext { + opacity: 0; + animation: logotext 10s ease-in infinite; + +} + + +.content-area { + + height: auto; + width: 100%; +} + +.footer { + width: 100%; + height: 150px; + background-color: #04669c; + padding-bottom: 10px; + display: flex; + flex-wrap: nowrap; + justify-content: space-between; + color: #fff; + flex-basis: bottom; +} + +.footer h3, +p { + margin: 0; + padding: 0 20px; + font-family: Helvetica, Arial; + letter-spacing: 0.1em; +} + +.footer h3 { + padding-top: 20px; +} + +.footer .adress { + margin: auto; + text-align: left; +} + +.footer .contact { + margin: auto; + text-align: center; +} + +.footer .servicecontainer{ + display: inline-flex; + margin: auto; + +} +.footer .servicecontainer .servicetime { + margin: auto; + text-align: right; +} + +.footer .servicecontainer .servicetime #time { + font-size: 0.7em +} + +.footer .servicecontainer .servicestatus{ + margin: auto; + width:20px; + height: 100% + padding-right: 30px; + background-color: #fff; +} + + + + +/*K E Y F R A M E S*/ + +@keyframes dash { + from { + stroke-dashoffset: 1946.243; + opacity: 0; + stroke-width: 0.5; + } + to { + opacity: 1; + stroke-dashoffset: 0; + stroke-width: 5px; + } +} + +@keyframes logotext { + from { + opacity: 0; + } + to { + opacity: 1; + } +} diff --git a/public/iframe/infoscreenframe.html b/public/iframe/infoscreenframe.html new file mode 100644 index 0000000..777439d --- /dev/null +++ b/public/iframe/infoscreenframe.html @@ -0,0 +1,104 @@ + + + + + + Infoscreen + + + + + <%= stylesheet_link_tag "infoscreenframe.css" %> + + + + + +
+ + + + + + + + + +
+
+ + + + + + + + + +
+ + + +
+
+

Fachschaft Elektrotechnik


+

Gußhausstraße 25-27
Room CD 01 09 (1st floor)
1040 Vienna

+
+
+

Contact


+

E-Mail: service@fet.at
Phone: +43-1-58801 49553

+
+
+
+

Service times


+

Mon to Thur: 9am to 02pm
Fri: 9am to 12am
+ +

+
+ +
+ +
+
+ + +
+ + + +