From 0cfc44ddb5962f2270be5f8cb6e7c0f01f515f5e Mon Sep 17 00:00:00 2001 From: Jennifer Mankoff <jmankoff@cs.washington.edu> Date: Wed, 2 Sep 2020 14:29:06 -0700 Subject: [PATCH] Fixed website to work with Jekyll less than 4.0 and ruby 2.6 --- Gemfile | 7 +- README.md | 2 +- _config.yml | 3 + _posts/2018-07-26-welcome-to-jekyll.markdown | 25 --- _scss/fontawesome.scss | 16 -- assets/css/my-remark.scss | 3 +- assets/css/site.scss | 3 +- assets/css/style.css | 175 ------------------- 8 files changed, 11 insertions(+), 223 deletions(-) delete mode 100644 _posts/2018-07-26-welcome-to-jekyll.markdown delete mode 100644 _scss/fontawesome.scss delete mode 100644 assets/css/style.css diff --git a/Gemfile b/Gemfile index 7ae6cb7c..1e2d8910 100644 --- a/Gemfile +++ b/Gemfile @@ -10,7 +10,7 @@ source "https://rubygems.org" # Happy Jekylling! -gem "jekyll", "3.7.4" +gem "jekyll", "< 4.0" # If you have any plugins, put them here! group :jekyll_plugins do @@ -20,15 +20,16 @@ group :jekyll_plugins do gem "jekyll-feed" gem "jekyll-paginate" gem "jekyll-contentblocks" - gem "jekyll-assets", "2.4.0" + gem "jekyll-assets" gem 'jekyll-font-awesome-sass' + gem "sprockets", "~> 3.7" + gem "kramdown-parser-gfm" gem 'remark' gem 'jekyll-mermaid' gem 'uglifier' gem 'therubyracer' end - # Windows does not include zoneinfo files, so bundle the tzinfo-data gem gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby] diff --git a/README.md b/README.md index 33b66de4..aa0e727d 100644 --- a/README.md +++ b/README.md @@ -31,6 +31,6 @@ To use this website, the following steps are necessary: # Basic use: -rvm use ruby 2.4 +rvm use ruby 2.6 bundle exec jekyll build bundle exec jekyll serve & diff --git a/_config.yml b/_config.yml index 0801788b..ab0a495e 100644 --- a/_config.yml +++ b/_config.yml @@ -38,6 +38,9 @@ reveal_theme: black.css markdown: kramdown theme: jekyll-theme-cayman +gems: + - jekyll-font-awesome-sass + plugins: - jekyll-feed - jekyll-seo-tag diff --git a/_posts/2018-07-26-welcome-to-jekyll.markdown b/_posts/2018-07-26-welcome-to-jekyll.markdown deleted file mode 100644 index 0eb7ee6c..00000000 --- a/_posts/2018-07-26-welcome-to-jekyll.markdown +++ /dev/null @@ -1,25 +0,0 @@ ---- -layout: post -title: "Welcome to Jekyll!" -date: 2018-07-26 23:02:57 -0700 -categories: jekyll update ---- -You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated. - -To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. - -Jekyll also offers powerful support for code snippets: - -{% highlight ruby %} -def print_hi(name) - puts "Hi, #{name}" -end -print_hi('Tom') -#=> prints 'Hi, Tom' to STDOUT. -{% endhighlight %} - -Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk]. - -[jekyll-docs]: https://jekyllrb.com/docs/home -[jekyll-gh]: https://github.com/jekyll/jekyll -[jekyll-talk]: https://talk.jekyllrb.com/ diff --git a/_scss/fontawesome.scss b/_scss/fontawesome.scss deleted file mode 100644 index 96ca11a7..00000000 --- a/_scss/fontawesome.scss +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com - * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */ -@import 'variables'; -@import 'mixins'; -@import 'core'; -@import 'larger'; -@import 'fixed-width'; -@import 'list'; -@import 'bordered-pulled'; -@import 'animated'; -@import 'rotated-flipped'; -@import 'stacked'; -@import 'icons'; -@import 'screen-reader'; diff --git a/assets/css/my-remark.scss b/assets/css/my-remark.scss index 66a5a5e4..50847cf3 100644 --- a/assets/css/my-remark.scss +++ b/assets/css/my-remark.scss @@ -1,7 +1,8 @@ --- # This is the custom style sheet for remark --- -@import "fontawesome"; +$fa-font-path: "../fonts/font-awesome/"; +@import 'font-awesome.min.css'; @import "remark-base"; $body-font: 24pt; $code-font: 20pt; diff --git a/assets/css/site.scss b/assets/css/site.scss index e0797e68..9640fa7b 100644 --- a/assets/css/site.scss +++ b/assets/css/site.scss @@ -4,8 +4,7 @@ @charset "utf-8"; $fa-font-path: "../fonts/font-awesome/"; - -@import "fontawesome"; +@import 'font-awesome.min.css'; @import "{{site.theme}}"; $font-size-base: 1rem; diff --git a/assets/css/style.css b/assets/css/style.css deleted file mode 100644 index 5c1e2c6e..00000000 --- a/assets/css/style.css +++ /dev/null @@ -1,175 +0,0 @@ -.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { - color: #363C74; -} - -.caption-frame { - position: top; - float: top; - width: 100%; - height: 200px; -} - -.marknav { text-align: left; } -.marknav a { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; } -.marknav a:focus, .marknav a:active { position: static; left: 0; width: auto; height: auto; overflow: visible; text-decoration: underline; } - - -ul#markdown-toc { - min-width: 696px; - list-style: none; - padding-top: 20px; -} - -ul#markdown-toc li{ - display: inline; - padding: 5px; - background-color: #e9ecef; - style: bold; -} - -ul li.tbd { - color: red; -} - -h1.tbd { - background-image: linear-gradient(to left, #bdd5ea, #363c74); - color: lightcoral; - padding: 5px; -} - -p.tbd #tbd{ - color: red; -} - -dl dd.tbd { - color: #660000; -} - -h1.week{ - background-image: linear-gradient(to left, #bdd5ea, #363c74); - color: white; - padding:5px; -} - -dl dt.lecture { - style:bold; - font-size: large; - background-color: #E3E9F9; - padding:5px; -} - -dl dt.holiday { - style:bold; - font-size: large; - background-color: #363C74; - color: #E3E9F9; - padding:5px; -} - -dl dt.cancelled { - style:bold; - font-size: large; - background-color: red; - color: #E3E9F9; - padding:5px; -} - -dl dt.lab { - style:bold; - font-size: large; - background-color: #EBF9E8; - padding:5px; -} - -.navbar { - background-color: #363C74; -} - -table.schedule { - border: 2px solid #FFFFFF; - width: 100%; - text-align: left; - table-layout:fixed; - border-collapse: collapse; -} - - -#unpublished-warning { - background-color: #ffe6e6; - border: 0.15em solid red; - border-radius: 0.5em; - color: red; - font-size: large; - padding: 0.25em 0.5em; - margin-bottom: 1em; -} - -table.schedule td, table.schedule th { - border: 1px solid #FFFFFF; - padding: 3px 4px; -} - -table.tbd td, table.tbd th{ - background-color: #ffe6e6; - border: 2px solid white; - padding: 3px 4px; -} - -table.schedule tbody td,table.tbd tbody td { - font-size: 13px; -} - - -table.schedule td:nth-child(even) { - background: #EBEBEB; -} -table.tbd td:nth-child(even) { - background: #ffffe6; -} - -table.schedule thead { - background: #FFFFFF; - border-bottom: 4px solid #333333; -} -table.schedule thead th { - font-size: 15px; - font-weight: bold; - color: #333333; - text-align: ; - border-left: 2px solid #333333; -} -table.schedule thead th:first-child { - border-left: none; -} - -table.schedule tfoot { - font-size: 14px; - font-weight: bold; - color: #333333; - border-top: 4px solid #333333; -} -table.schedule tfoot td { - font-size: 14px; -} - -.page-header { - background-image: linear-gradient(-120deg, #bdd5ea, #363c74); - padding-top: 1rem; -} - -.project-tagline { - padding-bottom: 1rem; - margin-bottom: 1rem; -} - -img.ta-picture { - height: 80px; - max-width: unset; - margin-left: auto; - margin-right: auto; - display: block; -} - -.font-14pt { - font-size: 12pt; -} -- GitLab