Cleanup styling structure

assets/css/_responsive12col.scss

@@ -5,19 +5,6 @@
 	LICENSE : GPL & MIT */
 
 
-/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
-* {
-	box-sizing: border-box;
-}
-
-
-/*	MAIN CONTAINER
-	Set the width to whatever you want the width of your site to be. */
-.container {
-	max-width: 800px;
-	margin: 0 auto;
-}
-
 /*	SELF CLEARING FLOATS - CLEARFIX METHOD */
 .container:after,
 .row:after,

assets/css/main.scss

@@ -34,7 +34,6 @@ blockquote,
 table,
 img,
 hr,
-.fluid-width-video-wrapper,
 .highlight {
   margin-bottom: 20px;
 }
@@ -88,26 +87,12 @@ table {
   }
 }
 
-dt {
-  float: left;
-  width: 10%;
-  font-weight: bold;
-}
-
 dd {
   float: left;
   width: 100%;
   margin-bottom: 0.6em;
 }
 
-dd.bibliography {
-  list-style: none;
-
-  li {
-    margin-bottom: 20px;
-  }
-}
-
 footer {
   font-size: .8rem;
   text-align: center;
@@ -146,11 +131,6 @@ footer {
   margin: 0 0 20px 20px;
 }
 
-.left {
-  float: left;
-  margin: 0 20px 20px 0;
-}
-
 .top-navbar {
   margin-bottom: 40px;
   height: 110px;
@@ -216,6 +196,35 @@ footer {
   fill: currentColor
 }
 
+.minilinks {
+  font-size: .9rem;
+}
+
+.abstract {
+  display: none;
+  font-size: .95rem;
+  border-left: 2px solid lighten($contrast-color, 50%);
+  padding-left: 10px;
+}
+
+.alumni-member {
+  display: none;
+}
+
+#alumni-filter-buttons .filter-btn {
+  margin: 5px;
+  padding: 8px 12px;
+  cursor: pointer;
+  border: 1px solid #ccc;
+  background-color: #f0f0f0;
+  border-radius: 5px;
+}
+
+#alumni-filter-buttons .filter-btn.active {
+  background-color: #ddd;
+  font-weight: bold;
+}
+
 .not-found {
   margin-top: 150px;
   text-align: center;
@@ -226,15 +235,9 @@ footer {
   font-size: 8rem;
 }
 
-dl,
-.clearfix:before,
-.clearfix:after {
-    content: " ";
+dl::after {
+    content: "";
     display: table;
-}
-
-dl,
-.clearfix:after {
     clear: both;
 }
 

layouts/_default/baseof.html

@@ -7,7 +7,7 @@
     {{ partial "icons.html" . }}
 
     <div class="container azul">
-      <header class="top row gutters{{ if eq .Title "/" }} fadeInLeft animated{{ end }}">
+      <header class="row gutters">
         <div class="col span_2 center">
           <div id="logo"></div>
         </div>
@@ -26,15 +26,6 @@
       </footer>
     </div>
 
-  <script>
-  function toggle(key) {
-    var element = document.getElementById(key)
-    if (element.style.display == 'block') {
-      element.style.display = 'none'
-    } else {
-      element.style.display = 'block'
-    }
-  }
-  </script>
+  <script src="/js/site.js"></script>
   </body>
 </html>

layouts/_default/list.html

@@ -1,11 +1,10 @@
 {{ define "main" }}
 <article class="single row gutters">
   <h2>{{ .Title }}</h2>
-  <dl>
+  <ul>
   {{ range .Pages }}
-    <dt><a href="{{ .RelPermalink }}">{{ .Title }}</a></dt>
-    <dd><time>{{ .Date.Format "January 2, 2006" }}</time></dd>
+    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a> — <time>{{ .Date.Format "January 2, 2006" }}</time></li>
   {{ end }}
-  </dl>
+  </ul>
 </article>
 {{ end }}

layouts/index.html

@@ -26,10 +26,5 @@ <h3>News</h3>
 
 {{ end }}
 
-<br />
-
-<div class="clr"></div>
-
-<br /><br /><br />
 </article>
 {{ end }}

layouts/partials/pubentry.html

@@ -16,5 +16,5 @@
 {{ if $ref.abstract }}<a href="#" onclick="toggle('{{ $ref.id }}_abstract'); return false;">[Abstract]</a>{{ end }}
 </span>
 
-{{ if $ref.abstract }}<p class="abstract" id="{{ $ref.id }}_abstract" style="display:none"><b>Abstract:</b> {{ $ref.abstract }}</p>{{ end }}
+{{ if $ref.abstract }}<p class="abstract" id="{{ $ref.id }}_abstract"><b>Abstract:</b> {{ $ref.abstract }}</p>{{ end }}
 </dd>

layouts/tag/term.html

@@ -1,22 +1,15 @@
 {{ define "main" }}
-<h1 class="category">Archive of items with tag '{{ .Title }}'</h1>
-
-<section class="archive">
-
-<div class="bundle row gutters">
-  <div class="posts-by-year col span_12">
+<article class="single row gutters">
+  <h2>Archive of items with tag '{{ .Title }}'</h2>
 
   {{ range .Pages }}
-  <article class="single row gutters">
+  <div class="bundle row gutters">
     <h3><a href="{{ .RelPermalink }}" title="{{ .Title }}" class="col span_10">{{ .Title }}</a></h3>
     <div class="post-date col span_2">
       <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "January 2, 2006" }}</time>
     </div>
-  </article>
-  {{ end }}
-
   </div>
-</div>
+  {{ end }}
 
-</section>
+</article>
 {{ end }}

layouts/team/single.html

@@ -46,44 +46,13 @@ <h1>Former Members</h1>
 {{ $sortedPeople := sort hugo.Data.team "joined" "desc" }}
 {{ range $sortedPeople }}
 {{ if not .current }}
-<div class="alumni-member" data-position="{{ .position }}" style="display: none;">
+<div class="alumni-member" data-position="{{ .position }}">
 <h4>{{ .name }}, {{ .position }}{{ if .postposition }} (currently {{ .postposition }}){{ end }}</h4>
 </div>
 {{ end }}
 {{ end }}
 </div>
 
-<script>
-function filterAlumni(positions, buttonEl) {
-  document.querySelectorAll('#alumni-filter-buttons .filter-btn').forEach(button => {
-    button.classList.remove('active');
-  });
-  buttonEl.classList.add('active');
-
-  const positionsToShow = Array.isArray(positions) ? positions : [positions];
-
-  document.querySelectorAll('#alumni-list .alumni-member').forEach(member => {
-    const memberPosition = member.dataset.position;
-    const shouldShow = positionsToShow.includes(memberPosition);
-    member.style.display = shouldShow ? 'block' : 'none';
-  });
-}
-</script>
-
-<style>
-#alumni-filter-buttons .filter-btn {
-  margin: 5px;
-  padding: 8px 12px;
-  cursor: pointer;
-  border: 1px solid #ccc;
-  background-color: #f0f0f0;
-  border-radius: 5px;
-}
-#alumni-filter-buttons .filter-btn.active {
-  background-color: #ddd;
-  font-weight: bold;
-}
-</style>
 
 </article>
 {{ end }}