diff --git a/Gemfile b/Gemfile index 0a3fe3d..d20dd14 100644 --- a/Gemfile +++ b/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' diff --git a/Gemfile.lock b/Gemfile.lock index ece43fe..e5e8752 100644 --- a/Gemfile.lock +++ b/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 diff --git a/Rules b/Rules index c0b3fa7..d101654 100644 --- a/Rules +++ b/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 diff --git a/content/assets/stylesheets/includes/old.scss b/content/assets/stylesheets/includes/old.scss new file mode 100644 index 0000000..b849cca --- /dev/null +++ b/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; +} diff --git a/layouts/archive_page.erb b/layouts/archive_page.erb index 1bdd6ce..7b8cfc2 100644 --- a/layouts/archive_page.erb +++ b/layouts/archive_page.erb @@ -1,10 +1,19 @@ <% posts_in_year(item[:academic_year]).each do |post| %> - -
- <%= post[:title] %> -
-
- <%= excerptize(post.reps[:text].compiled_content, length: 50) %> + +
+
+
+

+ +

+
+
+
+

<%= post[:title] %>

+ <%= excerptize(post.reps[:text].compiled_content, length: 200) %> +
+
+
<% end %> diff --git a/layouts/eventpost.erb b/layouts/eventpost.erb index 9989788..6f9d1dc 100644 --- a/layouts/eventpost.erb +++ b/layouts/eventpost.erb @@ -5,7 +5,7 @@ <% end %> -
+
<%= render '/partials/_navbar.*' %>
diff --git a/lib/filters/autoprefixer.rb b/lib/filters/autoprefixer.rb new file mode 100644 index 0000000..d2047a5 --- /dev/null +++ b/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