first guide content

content/guide.md

@@ -0,0 +1,53 @@
+---
+layout: layouts/post.njk
+permalink: /guide/index.html
+title: The Runtimefee.lol Guide
+---
+
+# Table of Contents
+
+- Textures
+- Sound Effects & Music
+- Creators
+- Plugins (Godot)
+- Helper Websites and Apps
+- Apps
+
+## Textures
+
+- https://3dtextures.me/
+- ambientcg
+- cc0textures
+- poligon
+
+## Sound Effects & Music
+
+- https://www.zapsplat.com/sound-effect-categories/
+- https://soundraw.io
+- https://quaternius.com/
+- https://freesound.org/
+
+## Creators
+
+- Aarimous
+- GDQuest
+
+## Plugins (Godot 4.x)
+
+- Terrain3D
+- Camera Plugin
+- Asset Placer
+
+## Helper Websites
+
+- https://gltf.report
+- https://gltf-viewer.donmccurdy.com/
+
+## Helper Software
+
+- Material Maker
+- Aseprite / Libresprite
+
+## Tutorials
+
+- https://www.snopekgames.com/tutorial/2023/how-make-vr-game-webxr-godot-4

content/index.njk

@@ -3,7 +3,7 @@ layout: layouts/home.njk
 permalink: /index.html
 ---
 
-<div>
+<div class="margin-bottom">
 	<h1>Welcome!</h1>
 	<p>
 		This blog is dedicated to game development. You can find hints, tutorials
@@ -11,6 +11,17 @@ permalink: /index.html
 	</p>
 </div>
 
+<div class="guide-link margin-bottom attention-box padding-small">
+	<h1>The runtimefee.lol Guide</h1>
+	<p>
+		A compiled list of sites to get creative commons licensed game assets,
+		sounds, software, guides, creators and more
+	</p>
+	<a href="/guide/"
+		><button class="highlight-card-button">To the guide</button></a
+	>
+</div>
+
 <div class="recent-posts-container">
 	{% for post in collections.posts %}
 	<div class="highlight-card">

public/css/bundle.css

@@ -162,3 +162,9 @@ h6 {
 .home main * {
 	max-width: 786px;
 }
+
+.attention-box {
+	border: 4px solid var(--accent-color);
+	border-radius: 6px;
+	background-color: rgb(from var(--accent-color) r g b / 0.1);
+}

public/css/reset.css

@@ -1 +1 @@
-*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{margin:unset}body{min-height:100vh;min-height:100svh}picture,svg,video,canvas{display:block;max-inline-size:100%;max-width:100%;block-size:auto}img{font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem;max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;text-wrap:pretty}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:2rem}}html{hanging-punctuation:first last}
+*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{margin:unset}body{min-height:100vh;min-height:100svh}picture,svg,video,canvas{display:block;max-inline-size:100%;max-width:100%;block-size:auto}img{font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem;max-width:100%;height:auto;vertical-align:middle}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{max-width:75ch;text-wrap:pretty}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:2rem}}html{hanging-punctuation:first last}ul,li{list-style-position:inside}

public/css/util.css

@@ -6,6 +6,14 @@
 	margin: 12px;
 }
 
+.margin-bottom {
+	margin-bottom: 24px;
+}
+
+.margin-top {
+	margin-top: 24px;
+}
+
 .margin-right-small {
 	margin-right: 4px;
 }