add more pages, assets

README.md

@@ -1,3 +1,33 @@
 # 32bit.cafe
 
-the 32bit.cafe website, created with Hugo
+the 32bit.cafe website, created with Hugo
+
+## TODO
+Sections to Convert
+- [] /cookbook
+- [] /pride23
+- [] /holdays2023
+- [] /bookclub?
+
+Functionality to Reimplement
+- [] Theme Switcher
+- [] Theme Uploader
+- [] Event Uploader?
+
+Themes to Convert
+- [] Bit Bits
+- [] Frillsify
+- [] Plain?
+- [] Seafoam Deep
+- [] Tweek
+- [] Twilight
+
+## How to Contribute
+
+1. Install [Hugo](https://gohugo.io)
+2. Clone Repo
+3. Write changes
+4. Test locally
+5. Create branch
+6. Create pull request
+

content/advertising.html

@@ -0,0 +1,13 @@
+<h2>Advertising Network</h2>
+<section>
+<p>Originally, we had planned to have our own advertising network for members of the 32-Bit Cafe, but instead, we're going to link to folks who are already doing this for personal sites. We hope this will help grow their networks and more folks can get their site seen!</p>
+
+<ul>
+<li><a href="https://dimden.dev/navlinkads/" target="_new">NavLink Ads</a> - join by Discord message, e-mail, or on socials</li>
+<li><a href="https://wsmz.gay/#misc-bannerlink" target="_new">WSMZ's Ad Network</a> - join by e-mail</li>
+<li><a href="https://banner.tildeverse.org/" target="_new">Tildeverse Banner Exchange</a> - join by form</li>
+<li><a href="https://john.citrons.xyz/" target="_new">Johnvertisement</a> - join by email</ul>
+
+
+<p>If you know of more out there, please let us know!</p>
+</section>

content/community.html

@@ -0,0 +1,28 @@
+<h2>Project Teams</h2>
+<section>
+<p>In the 32-Bit Cafe, we have some project-driven teams, full of people who are actively working on things for the Cafe. These are groups of dedicated volunteers who help make the 32-Bit Cafe everything it is. You can join these teams easily through requesting access on our <a href="https://discourse.32bit.cafe/g">Discourse forum</a>.</p>
+</section>
+
+<section>
+<h3>Technomancers</h3>
+<p>We're hijacking the term <a href="https://technomancy101.com/" target="_new">technomancy</a> a bit, but our Technomancers are building the digital infrastructure to launch and maintain our digital services with grit and cybermagic.</p>
+<p>Thank you to our Technomancers!</p>
+</section>
+
+<section>
+<h3>Event Planners</h3>
+<p>Our Event Planners are charged with planning and running events at the 32-Bit Cafe. These include Discord events in real-time and website- or submission-based events like our <a href="../spring23/">Spring 2023</a> event.</p>
+<p>Thank you to our Event Planners!</p>
+</section>
+
+<section>
+<h3>Scribes</h3>
+<p>Our Scribes group is full of writers, helpful documentarians, and content strategists who work together to knock out tutorials and guides for new and emerging programmers and coders.</p>
+<p>Thank you to our Scribes!</p>
+</section>
+
+<section>
+<h3>Artists</h3>
+<p>Our newest project team is full of artists from a range of media who come together and provide graphics for 32-Bit Cafe projects, events, and infrastructure.</p>
+<p>Thank you to our Artists!</p>
+</section>

content/community.md

@@ -1,24 +0,0 @@
-+++
-title = 'Community'
-date = 2024-04-30T08:41:29-07:00
-+++
-
-- [my.32bit.cafe](https://my.32bit.cafe)
-- [Discourse Forum](https://discourse.32bit.cafe)
-- [Discord](/discord)
-- [Tilde Server](https://tilde.32bit.cafe)
-- [32-Bit Recipe Book](/cookbook)
-
-## Free Services
-
-- [@32bit.cafe Email](https://webmail.32bit.cafe)
-- [Etherpad Collaborative Docs](https://my.32bit.cafe/etherpad)
-- [RSS Reader](https://rss.32bit.cafe)
-- [Git Server](https://git.32bit.cafe)
-
-## Get Involved
-
-- [Advertising Network](/advertising)
-- [Project Teams](/projectteams)
-- [Submit a Website Theme](/themes)
-- [Link to 32-Bit Cafe](/linktous)

content/discord.html

@@ -0,0 +1,26 @@
+<h2>Discord</h2>
+<section>
+<p><strong>Please note:</strong> Our Discord server is 18+ and SFW.</p>
+<p>If you're interested in joining the 32-Bit Cafe Discord, click the "Join Discord" button below:</p>
+
+<iframe src="https://discord.com/widget?id=1043384762003374130&theme=dark" width="100%" height="300" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
+
+<blockquote>Can't see the widget? <a href="https://discord.gg/tjCXYRSfKp" target="_new">Join here</a>!</blockquote>
+
+<p>Discord, for better or worse, has become synonymous with modern chatting in the post-pandemic age. IRC, Matrix, and Slack are adequate alternatives, but there are a few reasons we choose to be on Discord:</p>
+
+<ul>
+<li>Discord is user-friendly and easier to use for folks becoming more acquainted with internet culture and technology.</li>
+<li>The barrier for entry to Discord is much lower than IRC or Matrix for new users.</li>
+<li>Having full access to channel histories upon joining without any additional work is attractive for new folks in the community.</li>
+<li>Discord is easier to moderate with a smaller team.</li>
+<li>Slack being used for modern workspaces can make a leisurely hobby server feel like work.</li>
+<li>Discord's free features beat Slack's free tier.</li>
+<li>Discord is still an independent company, whereas Slack is owned by Salesforce.</li>
+<li>Matrix and IRC require more server resources, and we'd want to completely self-host our server.</li>
+<li>It's not hard to find Matrix and IRC servers that are already full of chatrooms with professional developers, hardcore self-hosted hobbyists, and indie web enthusiasts.</li>
+<li>Matrix and IRC feel like the "old web," but that's not necessarily what we're about.</li>
+</ul>
+
+<p>We respect and tip our hats to folks who have IRC and Matrix servers. We plan on having guides to both IRC and Matrix for more advanced users.</p>
+</section>

content/linktous/index.html

@@ -0,0 +1,22 @@
+<h2>Link to 32-Bit Cafe</h2>
+<section>
+<h3>88x31 Buttons</h3>
+
+<p>Made by <a href="https://zeusofthecrows.github.io/stadt/" target="_blank">Zeus</a>:</p>
+
+<p><img src="32b-neon.gif"> <img src="32b-pcb.png"> <img src="32b-trad-rgb.png"> <img src="32b-win9x.png"></p>
+
+<p>Made by <a href="https://theplug.icu/" target="_blank">Peggatoo</a>:</p>
+
+<p><img src="32bc-peggatoo.png"></p>
+
+<p>Made by <a href="https://ribo.zone/" target="_blank">Loren</a>:</p>
+
+<p><img src="32bitty-loren.png"></p>
+
+<h3>Pubmats & Social Media Graphics</h3>
+
+<p>Made by <a href="https://ribo.zone/" target="_blank">Loren</a>:</p>
+
+<p><img src="32bitriso.png" width="50%"></p>
+</section>

content/themes.html

@@ -0,0 +1,69 @@
+<h2>Themes</h2>
+<section>
+<p>The 32-Bit Cafe is powered by its community, which rings true for our website styling as well! Adding themes allows for extra creativity and inclusivity of hobbyists who want to showcase their skills or just have fun with a team project. Thank you to everyone who participates and makes this part of the web more collaborative!</p>
+</section>
+
+<section>
+<p>The following themes have been contributed:</p>
+
+<ul>
+<?php
+	foreach($themes as $theme) {
+		if($theme->name=="Default") continue;
+		echo("<li><a href=\"/css/themes/$theme->filename\">$theme->name</a> by ");
+		echo(($theme->website!="") ? "<a href=\"$theme->website\">$theme->author</a>" : $theme->author);
+		echo("</li>\n");
+	}
+?>
+</ul>
+</section>
+
+<section><p>To contribute your own theme:</p>
+
+<ol>
+<li>Include this comment at the very top of your stylesheet, with the theme's name, your name, and your website URL:</li>
+<pre>/*
+ * Name: 
+ * Author: 
+ * Website: 
+ */
+</pre>
+<li>Upload your .css file through the form below.</li>
+</ol>
+
+<p><strong>Remember to name your CSS file your custom theme name!</strong> It will be published here.</p>
+</section>
+
+<section class="form">
+<?php if(isset($_GET["error"])) { ?>
+<p><strong><font color=red>Error uploading. Please make sure you upload a css file.</font></strong></p>
+<?php }; if(isset($_GET["submitted"])) { ?>
+<p><strong>Your theme has been sent! Thank you!</strong></p> 
+<?php } else { ?>
+<form action="upload.php" method="post" enctype="multipart/form-data">
+  Select CSS file:<br>
+  <input type="file" name="fileToUpload" id="fileToUpload"><br><br>
+  <input type="submit" value="Upload" name="submit">
+</form>
+<?php } ?>
+</section>
+
+<section>
+<p><strong>Please note:</strong> Stylesheets should be as accessible as possible. We may not use stylesheets that are very hard to read, hide important elements, contain any offensive or derogatory elements, or alter our texts in significant ways.</p>
+</section>
+
+<h3>Unsure how to start work on a theme?</h3>
+<section>
+<p>Here's our current suggestion on how to work on a new theme stylesheet without needing a playground, until that's completed!</p>
+<ul>
+<li>Go to <a href="https://32bit.cafe/">the homepage</a>, right-click the background, and select "View Source."</li>
+<li>Copy the entire thing and paste into your editor of choice. Save as <code>index.html</code>.</li>
+<li>Edit <code>index.html</code> and add this code after the <code>base.css</code> tag: <code>
+&lt;link id="themeTarget" rel="stylesheet" type="text/css" href="NAMEOFYOURCSS.css"&gt;
+</code></li>
+<li>Create a new <code>.css</code> file in your editor of choice, save as aforementioned <code>NAMEOFYOURCSS.css</code>.</li>
+<li>View <code>index.html</code> file in your browser of choice, visiting file address as the web address, like C:/User/FOLDERNAME/index.html.</li>
+<li>Edit <code>NAMEOFYOURCSS.css</code> with your CSS changes.</li>
+</ul>
+<p>At the same time, compare to <a href="https://32bit.cafe/css/base.css">the base.css file</a> to see what classes are being used.</p>
+</section>

layouts/partials/sidebar.html

@@ -12,7 +12,7 @@
     <ul>
     <li><a href="https://my.32bit.cafe/" target="_blank">my.32bit.cafe</a></li>
     <li><a href="https://discourse.32bit.cafe/" target="_blank">Discourse Forum</a></li>
-    <li><a href="../discord/">Discord</a></li>
+    <li><a href="/discord">Discord</a></li>
     <li><a href="https://tilde.32bit.cafe/" target="_blank">Tilde Server</a></li>
     <li><a href="https://32bit.cafe/cookbook" target="_blank">32-Bit Recipe Book</a></li>
     </ul>
@@ -30,10 +30,10 @@
     <section>
     <h3>Get Involved</h3>
     <ul>
-    <li><a href="../advertising/">Advertising Network</a></li>
-    <li><a href="../community/">Project Teams</a></li>
-    <li><a href="../themes/">Submit a Website CSS Theme</a></li>
-    <li><a href="../linktous/">Link to 32-Bit Cafe</a></li>
+    <li><a href="/advertising">Advertising Network</a></li>
+    <li><a href="/community">Project Teams</a></li>
+    <li><a href="/themes">Submit a Website CSS Theme</a></li>
+    <li><a href="/linktous">Link to 32-Bit Cafe</a></li>
     </ul>
     </section>
 </div>

static/ads/.html

@@ -0,0 +1,11 @@
+<style>
+body {
+margin: 0
+}
+</style>
+
+<a href="https://indieweb.org" target="_new"><img src="250indieweb.gif"></a>
+
+<a href="https://yesterweb.org/manifesto/" target="_new"><img src="250manifesto.gif"></a>
+
+<a href="https://sadgrl.online/webmastery/" target="_new"><img src="250abetterinternet.gif"></a>