merge

Gemfile

@@ -16,6 +16,9 @@ gem 'w3c_validators'
 # ical files
 gem 'icalendar'
 
+# Autoprefixing for class
+gem 'autoprefixer-rails'
+
 group :development do
   gem 'adsf'
   gem 'guard-nanoc'

Gemfile.lock

@@ -3,6 +3,8 @@ GEM
   specs:
     adsf (1.2.1)
       rack (>= 1.0.0)
+    autoprefixer-rails (6.3.7)
+      execjs
     builder (3.2.2)
     coderay (1.1.1)
     coffee-script (2.4.1)
@@ -77,6 +79,7 @@ PLATFORMS
 
 DEPENDENCIES
   adsf
+  autoprefixer-rails
   builder
   coffee-script
   guard-nanoc

Rules

@@ -114,7 +114,8 @@ compile '/assets/scripts/**/*.coffee' do
   filter :coffeescript
 end
 
-ignore '/assets/stylesheets/includes/**'
+ignore '/assets/stylesheets/includes/**/*'
+
 compile '/assets/stylesheets/**/*.scss' do
   filter :sass, syntax: :scss
 end

content/assets/stylesheets/includes/old.scss

@@ -0,0 +1,97 @@
+$zeus_orange: #FF7F00;
+$event-padding: 10px;
+$navbar-border-color: #CCC;
+$event-border-color: #DDD;
+
+$cammie-controls-color: rgba(0, 0, 0, 0.60);
+
+img {
+  max-width: 200px;
+}
+
+.fa-ul {
+  list-style: none !important;
+
+  .fa {
+    font-size: inherit;
+  }
+}
+
+.header-top {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+
+}
+
+#navbar {
+  .nav-item {
+    transition: 0.2s;
+
+    font-variant: small-caps;
+    font-size: 1.25em;
+
+    &:hover {
+      transition: 0.2s;
+    }
+  }
+}
+
+#cammie {
+  object-fit: contain;
+  max-width: 100%;
+  height: auto;
+}
+
+.fullpage {
+  min-width: 100%;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  background-color: black;
+}
+
+.ctrl {
+  background-color: $cammie-controls-color;
+  color: white;
+  position: absolute;
+  z-index: 100;
+
+  // Chevron centering
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &:hover {
+    background-color: $zeus_orange;
+    z-index: 200;
+    cursor: pointer;
+  }
+}
+
+#left {
+  height: 100%;
+  width: 100px;
+  top: 0;
+  left: 0;
+}
+
+#right {
+  height: 100%;
+  width: 100px;
+  top: 0;
+  right: 0;
+}
+
+#up {
+  height: 100px;
+  width: 100%;
+  top: 0;
+}
+
+#down {
+  height: 100px;
+  width: 100%;
+  bottom: 0;
+}

layouts/archive_page.erb

@@ -1,10 +1,19 @@
 <% posts_in_year(item[:academic_year]).each do |post| %>
-<a class="archive_list_ref" href="<%= relative_path_to(post) %>">
-  <div class= "archive_list_item">
-    <%= post[:title] %>
+<a href="<%= relative_path_to(post) %>">
+  <div class="box">
+    <article class="media">
+      <figure class="media-left">
+        <p class="image is-64x64">
+          <img src="<%= post[:banner] %>">
+        </p>
+      </figure>
+      <div class="media-content">
+        <div class="content">
+          <h2><%= post[:title] %></h2>
+          <%= excerptize(post.reps[:text].compiled_content, length: 200) %>
         </div>
-  <div class="archive_list_item">
-    <%= excerptize(post.reps[:text].compiled_content, length: 50) %>
+      </div>
+    </article>
   </div>
 </a>
 <% end %>

layouts/eventpost.erb

@@ -5,7 +5,7 @@
 <meta property="og:url" content="<%= url_for(item) %>" />
 <% end %>
 
-<section class="hero is-medium is-danger">
+<section class="hero is-medium is-info">
   <div class="hero-head">
     <%= render '/partials/_navbar.*' %>
   </div>

lib/filters/autoprefixer.rb

@@ -0,0 +1,9 @@
+class AutoprefixerFilter < Nanoc::Filter
+  require 'autoprefixer-rails'
+
+  identifier :autoprefixer
+
+  def run(content, _params = {})
+    AutoprefixerRails.process(content).css
+  end
+end