solutions.html created

Author: yuting-zhang

_config.yml

@@ -2,5 +2,5 @@ name: ACM@UIUC ICPC
 markdown: redcarpet
 redcarpet:
   extensions: ["no_intra_emphasis", "fenced_code_blocks", "autolink", "tables", "with_toc_data"]
-highlighter: pygments
+highlighter: rogue
 

_includes/navbar.html

@@ -19,10 +19,10 @@ <h1 class="brand {% if page.title == 'ICPC'%}active{% endif %}">
       </div>
     </div>
 
-    <div class="navitem {% if page.title == 'Practices' or page.category == 'practices' %}active{% endif %}">
+    <div class="navitem {% if page.title == 'Solutions' or page.category == 'solutions' %}active{% endif %}">
       <div class="navlink"
             style="width:100px;">
-        <a href="{{ site.baseurl }}/practices.html">
+        <a href="{{ site.baseurl }}/solutions.html">
             Solutions
         </a>
       </div>

_layouts/post.html

@@ -8,14 +8,10 @@
   </script>
 
   <header class="post-header">
-    {% if page.category == "announcements" %}
-    <a href="{{ site.baseurl }}/announcements.html">
+    {% if page.category == "solutions" %}
+    <a href="{{ site.baseurl }}/solutions.html">
       <div class="fa fa-comment fa-3x"></div>
     </a>
-    {% else if page.category == "practices" %}
-    <a href="{{ site.baseurl }}/practices.html">
-      <div class="fa fa-code fa-3x"></div>
-    </a>
     {% endif %}
 
     <h1 class="title">{{ page.title }}</h1>

css/main.css

@@ -450,6 +450,23 @@ a.contact {
   color: #3c763d;
 }
 
+/* Solutions */
+
+.solution {
+  margin-bottom: 3em;
+  color: #3c763d;
+  border: solid 1px #d6e9c6;
+  background-color: #dff0d8;
+}
+
+.solution > .head {
+  border-bottom: solid 1px #d6e9c6;
+}
+
+.solution > .head > .fa {
+  color: #3c763d;
+}
+
 /* Hero Image */
 
 .warbanner {

solutions.html

@@ -0,0 +1,33 @@
+---
+layout: default
+title: Solutions
+---
+
+{% if site.categories["solutions"] | size > 0 %}
+  {% for solution in site.categories["solutions"] %}
+    <div class="item">
+      <a href="{{ site.baseurl }}{{ solution.url }}">
+        <h2 class="title">{{ solution.title }}</h2>
+        <div class="link">
+        {{ solution.time }} • {{ solution.date | date: "%b %-d, %Y" }}
+        </div>
+        <div class="fa fa-code"></div>
+        <div>
+          {% if solution.description %}
+            {{ solution.description }}
+          {% else %}
+            {{ solution.content | strip_html | truncatewords:30 }}
+          {% endif %}
+        </div>
+      </a>
+    </div>
+  {% endfor %}
+{% else %}
+<div class="alert solution">
+  <div class="head" style="border-bottom: none;">
+    <p>There's nothing here right now...</p>
+  <div class="fa fa-code fa-lg"></div>
+  </div>
+  <div class="body"></div>
+</div>
+{% endif %}