Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

update. dunno what's going on.

  • Loading branch information...
commit 93070c43538954604c23008a034f510d870688b9 1 parent 747c0e7
Devran Ünal authored October 21, 2012
BIN  .DS_Store
Binary file not shown
128  app/assets/stylesheets/screen.css.sass
@@ -44,63 +44,44 @@ body.ui
44 44
     position: relative
45 45
     left: 50%
46 46
     margin-left: -512px
47  
-    @include box-shadow(rgba(0,0,0,.8) 0 2px 15px)
48  
-    background: #000
  47
+    z-index: 0
49 48
 
50 49
   #wrapper
51 50
     width: 100%
52 51
     padding-bottom: 44px
53 52
     overflow: hidden
54 53
     float: left
55  
-    background: red
56 54
 
57  
-  #column_left
58  
-    width: 220px
59  
-    background: #000
60  
-
61  
-  #column_center
62  
-
63  
-  #column_right
64  
-    width: 220px
65  
-    background: #000
66  
-
67  
-  #footer
68  
-    width: 1024px
69  
-    height: 44px
  55
+  #wrapper::before
  56
+    content: ""
  57
+    display: block
70 58
     position: absolute
  59
+    top: 0
71 60
     bottom: 0
72  
-    background: yellow
73  
-
74  
-
75  
-
76  
-
77  
-
78  
-
79  
-
80  
-
81  
-
82  
-
83  
-
  61
+    width: 584px
  62
+    z-index: 2
  63
+    margin: 0 220px
  64
+    @include box-shadow(rgba(0,0,0,.8) 0 0 20px)
84 65
 
  66
+  .column
  67
+    float: left
  68
+    position: relative
  69
+    z-index: 2
85 70
 
  71
+  #column_left
  72
+    width: 220px
86 73
 
87  
-  #current
  74
+  #column_center
88 75
     width: 584px
89  
-    position: absolute
90  
-    height: 100%
91  
-    left: 220px
92  
-    @include box-shadow(rgba(0,0,0,.8) 0 4px 20px)
93  
-    z-index: 30
94  
-    overflow: hidden
95 76
 
96  
-    #current-video-minified
  77
+    #video-minified
97 78
       width: 584px
98 79
       height: 44px
99 80
       @include background-image(linear-gradient(#f6f6f6, #c8c8c8))
100 81
       @include box-shadow(rgba(0,0,0,.8) 0 2px 15px)
101 82
       float: left
102 83
       position: relative
103  
-      z-index: 40
  84
+      z-index: 10
104 85
       
105 86
       img
106 87
         float: left
@@ -128,55 +109,61 @@ body.ui
128 109
         top: 4px
129 110
         margin: 4px 4px 0 0
130 111
 
131  
-      #video-trigger-minified-open
  112
+      #video-trigger-minified
132 113
         background: #222 image-url("ui/btn-video.png")
  114
+        width: 36px
  115
+        height: 36px
  116
+        float: right
133 117
 
134  
-      #info-trigger-minified-open
  118
+      #info-trigger-minified
135 119
         background: $orange image-url("ui/btn-info.png")
  120
+        width: 36px
  121
+        height: 36px
  122
+        float: right
136 123
 
137  
-    #current-video
  124
+    #infocard
138 125
       @include background-image(linear-gradient(#f6f6f6, #c8c8c8))
139 126
       padding-top: 20px
140 127
       width: 100%
141 128
       float: left
142  
-      z-index: 20
  129
+      z-index: 6
143 130
       position: relative
144 131
       overflow: hidden
145 132
 
146  
-      #teaser-button
  133
+      #teaser
147 134
         width: 300px
148 135
         float: left
149 136
 
150 137
         img
151 138
           border: 4px solid #222
152  
-          margin: 0 16px 16px 16px
  139
+          margin: 0 16px 10px 16px
  140
+          float: left
  141
+
  142
+        #video-trigger
  143
+          background: $orange
  144
+          color: #fff
  145
+          margin-left: 16px
  146
+          padding: 6px 8px
153 147
           float: left
154 148
 
155 149
       #description
156 150
         width: 268px
157 151
         float: left
158  
-        @include single-text-shadow(0, 1px, 0, false, rgba(255,255,255,.6))
159  
-
160  
-        #nowon
  152
+        
  153
+        span
161 154
           color: $orange
162  
-
  155
+  
163 156
         h1
164 157
           font-size: 28px
165 158
           line-height: 28px
166 159
           margin-bottom: 5px
167  
-
  160
+  
168 161
         h2
169 162
           margin-bottom: 10px
170 163
 
171  
-          strong
172  
-            font-weight: bold
173  
-
174 164
         p
175 165
           margin-bottom: 15px
176  
-
177  
-          strong
178  
-            font-weight: bold
179  
-
  166
+  
180 167
           a
181 168
             color: $orange
182 169
 
@@ -185,9 +172,38 @@ body.ui
185 172
       height: 365px
186 173
       float: left
187 174
       margin-top: -323px
188  
-      z-index: 10
  175
+      z-index: 5
189 176
       position: relative
190 177
 
  178
+  #column_right
  179
+    width: 220px
  180
+
  181
+  #footer
  182
+    width: 1024px
  183
+    height: 44px
  184
+    position: absolute
  185
+    bottom: 0
  186
+    z-index: 1
  187
+
  188
+
  189
+
  190
+
  191
+
  192
+
  193
+
  194
+
  195
+   
  196
+
  197
+    #current-video
  198
+      @include background-image(linear-gradient(#f6f6f6, #c8c8c8))
  199
+      padding-top: 20px
  200
+      width: 100%
  201
+      float: left
  202
+      z-index: 20
  203
+      position: relative
  204
+      overflow: hidden
  205
+
  206
+
191 207
     .button
192 208
       float: left
193 209
       color: #fff
105  app/views/home/index.html.erb
... ...
@@ -1,76 +1,61 @@
1 1
 <div id="container">
2  
-  <div id="prev" class="sidebar">
3  
-    <a href="#" class="sidebar-video">
4  
-      <div class="sidebar-title">Sendung verpasst?</div>
5  
-      <% previous_image_path = (@schedule_previous["IMG"] ? @schedule_previous["IMG"]["IUR"] : "ui/default.png") %>
6  
-      <div style="background-image: url(<%= image_path(previous_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
7  
-      <h3><%= @schedule_previous["TIT"] %></h3>
8  
-    </a>
9  
-  </div>
10  
-
11  
-  <div id="current">
12  
-    <div id="current-video-minified">
13  
-      <%= image_tag("ui/video-teaser.jpg", :size => "59x36") %>
14  
-      <h1>Das Coolness-Diktat</h1>
15  
-      <h2>
16  
-        <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
17  
-      </h2>
18  
-      <a href="#" id="info-trigger-minified-open" class="button-square"></a>
19  
-      <a href="#" id="video-trigger-minified-open" class="button-square"></a>
  2
+  <div id="wrapper">
  3
+    <div id="column_left" class="column">
  4
+      tst
20 5
     </div>
21  
-    <div id="current-video">
22  
-      <div id="teaser-button">
23  
-        <%= image_tag("ui/video-teaser.jpg") %>
24  
-      </div>
25  
-      <div id="description">
26  
-        <div id="nowon">Jetzt läuft:</div>
  6
+    <div id="column_center" class="column">
  7
+      <div id="video-minified">
  8
+        <%= image_tag("ui/video-teaser.jpg", :size => "59x36") %>
27 9
         <h1>Das Coolness-Diktat</h1>
28 10
         <h2>
29 11
           <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
30 12
         </h2>
31  
-        <p>
32  
-          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>
33  
-          <!--
34  
-          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.
35  
-          -->
36  
-        </p>
  13
+        <a href="#" id="info-trigger-minified" class="button-square"></a>
  14
+        <a href="#" id="video-trigger-minified" class="button-square"></a>
  15
+      </div>
  16
+      <div id="infocard">
  17
+        <div id="teaser">
  18
+          <%= image_tag("ui/video-teaser.jpg") %>
  19
+          <a href="#" id="video-trigger">Video abspielen</a>
  20
+        </div>
  21
+        <div id="description">
  22
+          <span>Jetzt läuft:</span>
  23
+          <h1>Das Coolness-Diktat</h1>
  24
+          <h2>
  25
+            <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
  26
+          </h2>
  27
+          <p>
  28
+            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>
  29
+            <!--
  30
+            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.
  31
+            -->
  32
+          </p>
  33
+        </div>
  34
+      </div>
  35
+      <div id="video">
  36
+        <div id="player"></div>
37 37
       </div>
38  
-    </div>
39  
-    <div id="video">
40 38
 
41  
-      <div id="player"></div>
42  
-    </div>
43  
-    
44  
-    <div id="info-bar">
45  
-      <div id="count">Loading members count …</div>
46  
-    </div>
  39
+      <div id="info-bar">
  40
+        <div id="count">Loading members count …</div>
  41
+      </div>
47 42
     
48  
-    <div id="comment-entries">
49  
-    </div>
  43
+      <div id="comment-entries">
  44
+      </div>
50 45
     
51  
-    <ul id="members"></ul>
  46
+      <ul id="members"></ul>
52 47
     
53  
-    <div id="fake_form">
54  
-      <input type="text" name="log_body" value="" id="log_body" autocomplete="off" />
55  
-      <button id="send_comment">Send</button>
  48
+      <div id="fake_form">
  49
+        <input type="text" name="log_body" value="" id="log_body" autocomplete="off" />
  50
+        <button id="send_comment">Send</button>
  51
+      </div>
56 52
     </div>
57 53
     
  54
+    <div id="column_right" class="column">
  55
+      tst
  56
+    </div>
58 57
   </div>
59  
-  
60  
-  <div id="next" class="sidebar">
61  
-    <a href="#" class="sidebar-video">
62  
-      <div class="sidebar-title">Nächste Sendungen:</div>
63  
-      <% next_image_path = (@schedule_next[1]["IMG"] ? @schedule_next[1]["IMG"]["IUR"] : "ui/default.png") %>
64  
-      <div style="background-image: url(<%= image_path(next_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
65  
-      <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
66  
-      <h3><%= @schedule_next[1]["TIT"] %></h3>
67  
-    </a>
68  
-    <% @schedule_next.drop(2).each do |schedule_after_next| %>
69  
-      <a href="#" class="sidebar-video sidebar-video-minified">
70  
-        <div class="bookmark"></div>
71  
-        <%= schedule_after_next["BAT"] ? "#{schedule_after_next["BAT"]} Uhr" : "" %>
72  
-        <h3><%= schedule_after_next["TIT"] %></h3>
73  
-      </a>
74  
-    <% end %>
  58
+  <div id="footer">
  59
+
75 60
   </div>
76 61
 </div>
76  app/views/home/index.html.erb 2
... ...
@@ -1,16 +1,76 @@
1 1
 <div id="container">
2  
-  <div id="wrapper">
3  
-    <div id="column_left">
  2
+  <div id="prev" class="sidebar">
  3
+    <a href="#" class="sidebar-video">
  4
+      <div class="sidebar-title">Sendung verpasst?</div>
  5
+      <% previous_image_path = (@schedule_previous["IMG"] ? @schedule_previous["IMG"]["IUR"] : "ui/default.png") %>
  6
+      <div style="background-image: url(<%= image_path(previous_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
  7
+      <h3><%= @schedule_previous["TIT"] %></h3>
  8
+    </a>
  9
+  </div>
4 10
 
  11
+  <div id="current">
  12
+    <div id="current-video-minified">
  13
+      <%= image_tag("ui/video-teaser.jpg", :size => "59x36") %>
  14
+      <h1>Das Coolness-Diktat</h1>
  15
+      <h2>
  16
+        <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
  17
+      </h2>
  18
+      <a href="#" id="info-trigger-minified-open" class="button-square"></a>
  19
+      <a href="#" id="video-trigger-minified-open" class="button-square"></a>
5 20
     </div>
6  
-    <div id="column_middle">
7  
-
  21
+    <div id="current-video">
  22
+      <div id="teaser-button">
  23
+        <%= image_tag("ui/video-teaser.jpg") %>
  24
+      </div>
  25
+      <div id="description">
  26
+        <div id="nowon">Jetzt läuft:</div>
  27
+        <h1>Das Coolness-Diktat</h1>
  28
+        <h2>
  29
+          <%= @schedule_now["BAT"] ? @schedule_now["BAT"] : "" %> - <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
  30
+        </h2>
  31
+        <p>
  32
+          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>
  33
+          <!--
  34
+          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.
  35
+          -->
  36
+        </p>
  37
+      </div>
8 38
     </div>
9  
-    <div id="column_right">
  39
+    <div id="video">
10 40
 
  41
+      <div id="player"></div>
  42
+    </div>
  43
+    
  44
+    <div id="info-bar">
  45
+      <div id="count">Loading members count …</div>
11 46
     </div>
  47
+    
  48
+    <div id="comment-entries">
  49
+    </div>
  50
+    
  51
+    <ul id="members"></ul>
  52
+    
  53
+    <div id="fake_form">
  54
+      <input type="text" name="log_body" value="" id="log_body" autocomplete="off" />
  55
+      <button id="send_comment">Send</button>
  56
+    </div>
  57
+    
12 58
   </div>
13  
-  <div id="footer">
14  
-
  59
+  
  60
+  <div id="next" class="sidebar">
  61
+    <a href="#" class="sidebar-video">
  62
+      <div class="sidebar-title">Nächste Sendungen:</div>
  63
+      <% next_image_path = (@schedule_next[1]["IMG"] ? @schedule_next[1]["IMG"]["IUR"] : "ui/default.png") %>
  64
+      <div style="background-image: url(<%= image_path(next_image_path) %>); background-size: cover; width: 176px; height: 117px"></div>
  65
+      <%= @schedule_next[1]["BAT"] ? "#{@schedule_next[1]["BAT"]} Uhr" : "" %>
  66
+      <h3><%= @schedule_next[1]["TIT"] %></h3>
  67
+    </a>
  68
+    <% @schedule_next.drop(2).each do |schedule_after_next| %>
  69
+      <a href="#" class="sidebar-video sidebar-video-minified">
  70
+        <div class="bookmark"></div>
  71
+        <%= schedule_after_next["BAT"] ? "#{schedule_after_next["BAT"]} Uhr" : "" %>
  72
+        <h3><%= schedule_after_next["TIT"] %></h3>
  73
+      </a>
  74
+    <% end %>
15 75
   </div>
16  
-</div>
  76
+</div>  

0 notes on commit 93070c4

Please sign in to comment.
Something went wrong with that request. Please try again.