From 463359dbaaeba76246080640e31fc1d76ca47973 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 8 Sep 2023 00:38:36 +0800
Subject: [PATCH] Update web building resources

---
 resources/web-building-resources.html | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/resources/web-building-resources.html b/resources/web-building-resources.html
index 99b1041e..721ef7bb 100644
--- a/resources/web-building-resources.html
+++ b/resources/web-building-resources.html
@@ -44,15 +44,25 @@
 
                     <p class="center-text">
                         First published on 8 August 2023<br>
-                        Last updated on 11 August 2023
+                        Last updated on 8 September 2023
                     </p>
 
                     <p>Here is a list of resources for learning or helping you to build your own website, including HTML, CSS, JavaScript, as well as responsive and accessible web design.</p>
                 </section>
 
+                <section class="content-section">
+                    <h2>General</h2>
+                    <ul class="article-list">
+                        <li><a href="https://neocities.org/tutorials" target="blank">Neocities - Tutorials</a></li>
+                        <li><a href="https://www.w3schools.com/" target="blank">W3Schools Online Web Tutorials</a></li>
+                        <li><a href="https://developer.mozilla.org/" target="blank">MDN Web Docs</a></li>
+                    </ul>
+                </section>
+
                 <section class="content-section">
                     <h2>Learn HTML & CSS</h2>
-                    <ul>
+                    <ul class="article-list">
+                        <li><a href="https://neocities.org/tutorial/html/1" target="blank">The Neocities HTML Course</a></li>
                         <li><a href="https://web.dev/learn/html/" target="_blank">web.dev: Learn HTML!</a></li>
                         <li><a href="https://web.dev/learn/css/" target="_blank">web.dev: Learn CSS!</a></li>
                         <li><a href="https://internetingishard.netlify.app/html-and-css/index.html" target="_blank">Interneting Is Hard: HTML & CSS is hard</a></li>
@@ -61,7 +71,7 @@
 
                 <section class="content-section">
                     <h2>Learn Responsive Web Design</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://courses.kevinpowell.co/conquering-responsive-layouts" target="_blank">Kevin Powell: Conquering Responsive Layouts</a></li>
                         <li><a href="https://web.dev/learn/design/" target="_blank">web.dev: Learn Responsive Design!</a></li>
                         <li><a href="https://internetingishard.netlify.app/html-and-css/responsive-design/index.html" target="_blank">Interneting Is Hard: Responsive Design</a></li>
@@ -81,7 +91,7 @@
 
                 <section class="content-section">
                     <h2>Learn JavaScript</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures" target="_blank">freeCodeCamp: JavaScript Algorithms and Data Structures</a></li>
                         <li><a href="https://www.youtube.com/watch?v=BI1o2H9z9fo" target="_blank">Traversy Media YouTube: Modern JavaScript From The Beginning</a></li>
                         <li><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript" target="_blank">MDN: JavaScript - Dynamic client-side scripting</a></li>
@@ -93,7 +103,7 @@
 
                 <section class="content-section">
                     <h2>Web Accessibility</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://web.dev/learn/accessibility/" target="_blank">web.dev: Learn Accessibility!</a></li>
                         <li><a href="https://www.udacity.com/course/web-accessibility--ud891" target="_blank">Udacity: Web Accessibility</a></li>
                         <li><a href="https://www.edx.org/learn/computer-programming/the-world-wide-web-consortium-w3c-web-accessibility-introduction" target="_blank">edX: The World Wide Web Consortium (W3C) - Introduction to Web Accessibility</a></li>
@@ -109,7 +119,7 @@
 
                 <section class="content-section">
                     <h2>Code Snippets</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://codepen.io/" target="_blank">CodePen</a></li>
                         <li><a href="https://sadgrl.online/learn/sections/snippets" target="_blank">Sadgrl's HTML and CSS snippets</a></li>
                     </ul>
@@ -117,7 +127,7 @@
 
                 <section class="content-section">
                     <h2>Neocities Resources</h2>
-                    <ul>
+                    <ul class="article-list">
                         <li><a href="https://hekate2.github.io/buttonmaker/" target="_blank">hekate2's 88x31 Web Button Maker</a></li>
                         <li><a href="https://virtualobserver.moe/ayano/comment-widget" target="_blank">Ayano's Neocities comment widget</a></li>
                     </ul>