added link to github

Author: bendog

.editorconfig

@@ -0,0 +1,30 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+# Shell scripts
+[*.{sh,bat.tpl,Makefile.tpl}]
+indent_style = tab
+
+# Makefiles
+[Makefile]
+indent_style = tab
+
+# Markdown
+[*.md]
+trim_trailing_whitespace = false
+indent_style = space
+indent_size = 2
+
+# diff files
+[*.diff]
+trim_trailing_whitespace = false

assets/logos/github.svg

@@ -12,6 +12,7 @@
         <img src="assets/logos/python-logo-outline.svg" alt="Python Snake">
         <div>
             <h1>Python Australia</h1>
+
             <p class="intro">Python Australia is a community-run organisation dedicated to bringing together Python enthusiasts from across the country. We aim to connect Python-appreciators with local meetups, events, and initiatives to help grow and connect the Python community in Australia.</p>
         </div>
         <button class="theme-toggle" type="button" title="Toggle theme" aria-label="Toggle theme" onClick="toggleTheme()">
@@ -21,17 +22,35 @@ <h1>Python Australia</h1>
         </button>
     </header>
 
-    <section class="discord-promo">
-        <div class="discord-container">
-            <img src="assets/logos/pyaus-logo.svg" alt="Discord Logo" class="discord-logo">
-            <div class="discord-info">
+    <section class="promo">
+        <div class="promo-container discord-container">
+            <img src="assets/logos/pyaus-logo.svg" alt="Discord Logo" class="promo-logo">
+            <div class="promo-info discord-promo-color">
                 <h2>Join the Python Australia Community Discord!</h2>
                 <p>Connect with Python enthusiasts from all over Australia. Our Discord server is the perfect place to chat, get notified about events in your area, and discover new ways to get involved in the community. Please remember to abide by our <a href="https://policies.python.org/python.org/code-of-conduct/">Code of Conduct</a> (courtesy of the PSF).</p>
-                <a href="https://discord.gg/HNt6YddsaK" class="discord-link" target="_blank">Join the Python Australia Discord</a>
+                <a href="https://discord.gg/HNt6YddsaK" class="promo-link" target="_blank">Join the Python Australia Discord</a>
             </div>
         </div>
     </section>
 
+    <section class="promo">
+        <div class="promo-container github-border github-promo-colour">
+            <img src="assets/logos/github.svg" alt="Github Logo" class="promo-logo github-border github-promo-colour">
+<!--            TODO: would be great if this SVG was a better colour -->
+            <div class="promo-info github-promo-colour">
+                <h2>Python Australia Github</h2>
+                <p>
+<!--                TODO: need to gind better wording for this-->
+                    Python Australia hosts it's PAEPs (Python Australia Enhancement Proposal) on GitHub.
+                    if you are interested in the any of the Python Australia Documents you can find them here.<br/>
+                    <a href="https://github.com/python-australia/" target="_blank">github.com/python-australia</a>
+                </p>
+            </div>
+        </div>
+    </section>
+
+
+
 
     <main class="meetups">
         <h2>Local Python Meetups</h2>

index.html

@@ -13,6 +13,8 @@
     --dark-background: #36393e;
     --light-card: #ffffff;
     --dark-card: #494c51;
+    --github-light-grey: #909090;
+    --github-dark-grey: #303030;
 }
 
 .theme-light {
@@ -42,14 +44,14 @@ a:hover, a:focus {
 }
 /* Discord Promo Section */
 
-.discord-promo {
+.promo {
     display: flex;
     align-content: center;
     justify-content: center;
     margin: 2rem;
 }
 
-.discord-container {
+.promo-container {
     display: flex;
     flex-wrap: wrap;
     gap: 2rem;
@@ -62,7 +64,9 @@ a:hover, a:focus {
     border: 2px solid light-dark(var(--python-yellow), var(--dark-yellow));
 }
 
-.discord-logo {
+
+
+.promo-logo {
     width: 90px;
     height: 90px;
     object-fit: contain;
@@ -72,30 +76,54 @@ a:hover, a:focus {
     box-shadow: 0 2px 8px var(--faint-shadow);
 }
 
-.discord-info {
+.promo-info {
     flex: 1;
     min-width: 220px;
 }
 
-.discord-info h2 {
+.promo-info h2 {
     margin: 0 0 0.5rem 0;
     font-size: 1.7rem;
-    color: light-dark(var(--python-blue), var(--python-yellow));
     letter-spacing: 1px;
 }
 
-.discord-info p {
+.promo-info p {
     font-size: 1.1rem;
     margin-bottom: 1rem;
 
-    a {
+}
+
+.discord-promo-color {
+    color: light-dark(var(--python-blue), var(--python-yellow));
+
+    p a {
         color: light-dark(var(--dark-blue), var(--python-yellow));
         text-decoration-color: light-dark(var(--python-blue), var(--python-yellow));
     }
 }
+.github-border {
+    border: 2px solid light-dark(var(--github-light-grey), var(--github-light-grey));
+
+}
+.github-promo-colour {
+    background: light-dark(var(--github-light-grey), var(--dark-background));
+
+    h2 {
+        text-decoration-color: light-dark(var(--dark-text), var(--github-light-grey));
 
+    }
+    p {
+        text-decoration-color: light-dark(var(--dark-text), var(--github-light-grey));
+        color: light-dark(var(--dark-text), var(--github-light-grey));
+    }
+    p a {
+        color: light-dark(var(--dark-blue), var(--python-yellow));
+        text-decoration-color: light-dark(var(--python-blue), var(--python-yellow));
+    }
+
+}
 
-.discord-link {
+.promo-link {
     display: inline-block;
     background: var(--python-blue);
     color: var(--light-text);
@@ -108,7 +136,7 @@ a:hover, a:focus {
     transition: background 0.2s, color 0.2s;
 }
 
-.discord-link:hover {
+.promo-link:hover {
     color: var(--light-text);
 }