diff --git a/assets/styles/drake.scss b/assets/styles/drake.scss index 40d8446..4e5910e 100644 --- a/assets/styles/drake.scss +++ b/assets/styles/drake.scss @@ -10,7 +10,7 @@ body{ a{ color: $highlight-color; - transition: color 230ms ease-in-out; + transition: all 230ms ease-in-out; &:hover{ color: $highlight-color-dark; } @@ -60,3 +60,74 @@ hr{ #site-header{ margin-bottom: 10px; } + +#channel-header{ + .channel-name{ + margin-bottom: 5px; + } + .channel-created, + .channel-updated, + .video-created, + .video-updated{ + margin-bottom: 5px; + color: #666; + font-size: 1.5rem; + font-style: italic; + } + + .channel-description{ + margin-top: 10px; + font-size: 1.75rem; + } + + #sidebar{ + background: #ddd; + border: 1px solid #666; + + div:not(:last-child){ + border-bottom: 1px solid #666; + } + + > div{ + padding: 10px 15px 9px; + + p{ + margin: 0; + font-size: 2rem; + text-align: left; + } + } + + .actions-bar{ + padding: 0; + + span{ + display: inline-block; + width: calc(50% - 1px); + height: 100%; + margin: 0; + padding: 0; + } + span:not(:last-child){ + width: 50%; + border-right: 1px solid #666; + } + + a{ + display: block; + box-sizing: border-box; + width: 100%; + padding-top: 10px; + padding-bottom: 9px; + background: rgba(0, 0, 0, 0); + font-size: 2rem; + text-align: center; + text-decoration: none; + + &:hover{ + background: rgba(0, 0, 0, 0.1); + } + } + } + } +} diff --git a/views/channel/view.erb b/views/channel/view.erb index f68770e..1ea2886 100644 --- a/views/channel/view.erb +++ b/views/channel/view.erb @@ -1,18 +1,54 @@
<%= channel.description %>
+Video name | +Video serial | +Video description | +
---|---|---|
<%= v.name %> | +<%= serialize(v.serial) %> | +<%= v.description %> | +
There are no videos associated with this project yet.
+ <% end %>