updates to tutorial

views/tutorials.erb

@@ -46,12 +46,19 @@
   <h3>CSS Frameworks</h3>
 
   <p>CSS frameworks are pre-built CSS styles that make it easy to quickly build a nice looking web page without having to "roll your own" set of styles. Neocities itself uses one as the basis for our design. They are definitely worth checking out once you have an understanding of how CSS works.</p>
+
   <ul>
     <li>
-      <a href="http://getbootstrap.com" title="Bootstrap" target="_blank">Twitter Bootstrap</a>
+      <a href="https://getbootstrap.com/" title="Bootstrap" target="_blank">Bootstrap</a>
     </li>
     <li>
-      <a href="http://purecss.io/" title="Yahoo!'s Pure CSS" target="_blank">Pure</a>
+      <a href="https://picturepan2.github.io/spectre" title="Spectre">Spectre</a>
+    </li>
+    <li>
+      <a href="https://elementcss.neocities.org">Element CSS</a>
+    </li>
+    <li>
+      <a href="https://purecss.io/" title="Yahoo!'s Pure CSS" target="_blank">Pure</a>
     </li>
     <li>
       <a href="https://github.com/scottaohara/Brass-Tacks" title="Brass Tacks Sass Framework" target="_blank">Brass Tacks</a>
@@ -68,4 +75,24 @@
     <li><a href="https://developer.mozilla.org/en-US/learn/javascript">Mozilla Learn JavaScript Resources</a></li>
   </ul>
 
+  <h3>Static Site Generators</h3>
+  <p>
+    Static site generators allow developers to make a web site that has many properties of dynamic web sites, except it generates static HTML which can then be uploaded to Neocities.
+  </p>
+
+  <ul>
+    <li>
+      <a href="https://gohugo.io/">Hugo</a>
+    </li>
+    <li>
+      <a href="https://jekyllrb.com/">Jekyll</a>
+    </li>
+    <li>
+      <a href="https://nextjs.org/learn/">Next.js</a>
+    </li>
+    <li>
+      <a href="https://www.gatsbyjs.org/">Gatsby</a>
+  </ul>
+
+
 </div> <!-- end .content -->