Permalink
Browse files

update. dunno what's going on.

  • Loading branch information...
1 parent 747c0e7 commit 93070c43538954604c23008a034f510d870688b9 @Cosmo committed Oct 21, 2012
Showing with 185 additions and 124 deletions.
  1. BIN .DS_Store
  2. +72 −56 app/assets/stylesheets/screen.css.sass
  3. +45 −60 app/views/home/index.html.erb
  4. +68 −8 app/views/home/index.html.erb 2
View
Binary file not shown.
@@ -44,63 +44,44 @@ body.ui
position: relative
left: 50%
margin-left: -512px
- @include box-shadow(rgba(0,0,0,.8) 0 2px 15px)
- background: #000
+ z-index: 0
#wrapper
width: 100%
padding-bottom: 44px
overflow: hidden
float: left
- background: red
- #column_left
- width: 220px
- background: #000
-
- #column_center
-
- #column_right
- width: 220px
- background: #000
-
- #footer
- width: 1024px
- height: 44px
+ #wrapper::before
+ content: ""
+ display: block
position: absolute
+ top: 0
bottom: 0
- background: yellow
-
-
-
-
-
-
-
-
-
-
-
+ width: 584px
+ z-index: 2
+ margin: 0 220px
+ @include box-shadow(rgba(0,0,0,.8) 0 0 20px)
+ .column
+ float: left
+ position: relative
+ z-index: 2
+ #column_left
+ width: 220px
- #current
+ #column_center
width: 584px
- position: absolute
- height: 100%
- left: 220px
- @include box-shadow(rgba(0,0,0,.8) 0 4px 20px)
- z-index: 30
- overflow: hidden
- #current-video-minified
+ #video-minified
width: 584px
height: 44px
@include background-image(linear-gradient(#f6f6f6, #c8c8c8))
@include box-shadow(rgba(0,0,0,.8) 0 2px 15px)
float: left
position: relative
- z-index: 40
+ z-index: 10
img
float: left
@@ -128,55 +109,61 @@ body.ui
top: 4px
margin: 4px 4px 0 0
- #video-trigger-minified-open
+ #video-trigger-minified
background: #222 image-url("ui/btn-video.png")
+ width: 36px
+ height: 36px
+ float: right
- #info-trigger-minified-open
+ #info-trigger-minified
background: $orange image-url("ui/btn-info.png")
+ width: 36px
+ height: 36px
+ float: right
- #current-video
+ #infocard
@include background-image(linear-gradient(#f6f6f6, #c8c8c8))
padding-top: 20px
width: 100%
float: left
- z-index: 20
+ z-index: 6
position: relative
overflow: hidden
- #teaser-button
+ #teaser
width: 300px
float: left
img
border: 4px solid #222
- margin: 0 16px 16px 16px
+ margin: 0 16px 10px 16px
+ float: left
+
+ #video-trigger
+ background: $orange
+ color: #fff
+ margin-left: 16px
+ padding: 6px 8px
float: left
#description
width: 268px
float: left
- @include single-text-shadow(0, 1px, 0, false, rgba(255,255,255,.6))
-
- #nowon
+
+ span
color: $orange
-
+
h1
font-size: 28px
line-height: 28px
margin-bottom: 5px
-
+
h2
margin-bottom: 10px
- strong
- font-weight: bold
-
p
margin-bottom: 15px
-
- strong
- font-weight: bold
-
+
a
color: $orange
@@ -185,9 +172,38 @@ body.ui
height: 365px
float: left
margin-top: -323px
- z-index: 10
+ z-index: 5
position: relative
+ #column_right
+ width: 220px
+
+ #footer
+ width: 1024px
+ height: 44px
+ position: absolute
+ bottom: 0
+ z-index: 1
+
+
+
+
+
+
+
+
+
+
+ #current-video
+ @include background-image(linear-gradient(#f6f6f6, #c8c8c8))
+ padding-top: 20px
+ width: 100%
+ float: left
+ z-index: 20
+ position: relative
+ overflow: hidden
+
+
.button
float: left
color: #fff
@@ -1,76 +1,61 @@
<div id="container">
- <div id="prev" class="sidebar">
- <a href="#" class="sidebar-video">
- <div class="sidebar-title">Sendung verpasst?</div>
- <% previous_image_path = (@schedule_previous["IMG"] ? @schedule_previous["IMG"]["IUR"] : "ui/default.png") %>
- <div style="background-image: url(<%= image_path(previous_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
- <h3><%= @schedule_previous["TIT"] %></h3>
- </a>
- </div>
-
- <div id="current">
- <div id="current-video-minified">
- <%= image_tag("ui/video-teaser.jpg", :size => "59x36") %>
- <h1>Das Coolness-Diktat</h1>
- <h2>
- <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
- </h2>
- <a href="#" id="info-trigger-minified-open" class="button-square"></a>
- <a href="#" id="video-trigger-minified-open" class="button-square"></a>
+ <div id="wrapper">
+ <div id="column_left" class="column">
+ tst
</div>
- <div id="current-video">
- <div id="teaser-button">
- <%= image_tag("ui/video-teaser.jpg") %>
- </div>
- <div id="description">
- <div id="nowon">Jetzt läuft:</div>
+ <div id="column_center" class="column">
+ <div id="video-minified">
+ <%= image_tag("ui/video-teaser.jpg", :size => "59x36") %>
<h1>Das Coolness-Diktat</h1>
<h2>
<%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
</h2>
- <p>
- Die Produkte der Firma Apple, seien es Computer oder Telefone, vermitteln den Käufern beziehungsweise Nutzern eine bestimmte Lebensart und die Zugehörigkeit zu einer besonderen - oft auch als elitär bezeichneten - Gruppe der Gesellschaft, die äußerst anziehend wirkt. Durch den Kauf eines Macintoshs, eines iPhones oder iPods fühlt sich der Verbraucher automatisch auf einer Stufe mit Künstlern und anderen Antikonformisten. <a href="#">mehr...</a>
- <!--
- Wie hat es die Firma Apple, die in einer bescheidenen Garage in Kalifornien ihren Anfang nahm und zu einem weltweit agierenden Konzern aufgestiegen ist, geschafft, die Kunden selbst zu den effizientesten Missionaren der Marke zu machen? Sogar das Logo - ein angebissener Apfel - steht für Rebellion und Freiheit. Apple scheint zu einer Art neuer Religion oder Weltanschauung geworden zu sein. Und ihr Guru heißt Steve Jobs, der vor kurzem gestorbene geniale Erfinder der kalifornischen Marke.
- -->
- </p>
+ <a href="#" id="info-trigger-minified" class="button-square"></a>
+ <a href="#" id="video-trigger-minified" class="button-square"></a>
+ </div>
+ <div id="infocard">
+ <div id="teaser">
+ <%= image_tag("ui/video-teaser.jpg") %>
+ <a href="#" id="video-trigger">Video abspielen</a>
+ </div>
+ <div id="description">
+ <span>Jetzt läuft:</span>
+ <h1>Das Coolness-Diktat</h1>
+ <h2>
+ <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
+ </h2>
+ <p>
+ Die Produkte der Firma Apple, seien es Computer oder Telefone, vermitteln den Käufern beziehungsweise Nutzern eine bestimmte Lebensart und die Zugehörigkeit zu einer besonderen - oft auch als elitär bezeichneten - Gruppe der Gesellschaft, die äußerst anziehend wirkt. <a href="#">mehr...</a>
+ <!--
+ Durch den Kauf eines Macintoshs, eines iPhones oder iPods fühlt sich der Verbraucher automatisch auf einer Stufe mit Künstlern und anderen Antikonformisten. Wie hat es die Firma Apple, die in einer bescheidenen Garage in Kalifornien ihren Anfang nahm und zu einem weltweit agierenden Konzern aufgestiegen ist, geschafft, die Kunden selbst zu den effizientesten Missionaren der Marke zu machen? Sogar das Logo - ein angebissener Apfel - steht für Rebellion und Freiheit. Apple scheint zu einer Art neuer Religion oder Weltanschauung geworden zu sein. Und ihr Guru heißt Steve Jobs, der vor kurzem gestorbene geniale Erfinder der kalifornischen Marke.
+ -->
+ </p>
+ </div>
+ </div>
+ <div id="video">
+ <div id="player"></div>
</div>
- </div>
- <div id="video">
- <div id="player"></div>
- </div>
-
- <div id="info-bar">
- <div id="count">Loading members count …</div>
- </div>
+ <div id="info-bar">
+ <div id="count">Loading members count …</div>
+ </div>
- <div id="comment-entries">
- </div>
+ <div id="comment-entries">
+ </div>
- <ul id="members"></ul>
+ <ul id="members"></ul>
- <div id="fake_form">
- <input type="text" name="log_body" value="" id="log_body" autocomplete="off" />
- <button id="send_comment">Send</button>
+ <div id="fake_form">
+ <input type="text" name="log_body" value="" id="log_body" autocomplete="off" />
+ <button id="send_comment">Send</button>
+ </div>
</div>
+ <div id="column_right" class="column">
+ tst
+ </div>
</div>
-
- <div id="next" class="sidebar">
- <a href="#" class="sidebar-video">
- <div class="sidebar-title">Nächste Sendungen:</div>
- <% next_image_path = (@schedule_next[1]["IMG"] ? @schedule_next[1]["IMG"]["IUR"] : "ui/default.png") %>
- <div style="background-image: url(<%= image_path(next_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
- <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
- <h3><%= @schedule_next[1]["TIT"] %></h3>
- </a>
- <% @schedule_next.drop(2).each do |schedule_after_next| %>
- <a href="#" class="sidebar-video sidebar-video-minified">
- <div class="bookmark"></div>
- <%= schedule_after_next["BAT"] ? "#{schedule_after_next["BAT"]} Uhr" : "" %>
- <h3><%= schedule_after_next["TIT"] %></h3>
- </a>
- <% end %>
+ <div id="footer">
+
</div>
</div>
Oops, something went wrong.

0 comments on commit 93070c4

Please sign in to comment.