add blog

data.json

@@ -10,6 +10,11 @@
         "file": "index.html",
         "showInNav": true
       },
+      {
+        "name": "Blog",
+        "file": "blog.html",
+        "showInNav": true
+      },
       {
         "name": "Resources",
         "file": "resources.html",
@@ -48,6 +53,41 @@
     ]
   },
   "index": {},
+  "blog": [
+    {
+      "title": "Locally Made Games at Louisville Arcade Expo!",
+      "blogID": "lax-lmg-2023-announcement",
+      "author": "Alex Bezuska",
+      "date": "2023-02-20",
+      "featured": true,
+      "blurb": "The Louisville Arcade Expo (LAX) is just around the corner, and we at Louisville Makes Games couldn't be more excited to be a part of it! This year's event is taking place from Friday, March 12 to Sunday, March 15, 2023, and it promises to be a fantastic showcase of retro gaming and local game development talent.",
+      "contentParagraphs": [
+        "One of the main draws of the Louisville Arcade Expo is the chance to play retro arcade, console, and computer games. Whether you're a die-hard fan of classic games like Pac-Man and Space Invaders, or you're more interested in retro PC games like Doom and Quake played on a LAN, there's something for everyone at this event.",
+        "But the fun doesn't stop there - Louisville Makes Games and other local game developers will be there too, showing off our latest game projects and giving attendees a chance to play them before they're released. It's a great opportunity to see what kind of creative talent is brewing right here in Kentucky, and to get a glimpse of what the future of gaming might look like.",
+        "Of course, attending the Louisville Arcade Expo isn't free - but it's definitely worth the price of admission. A weekend pass will set you back $65, while day rates range from $20 to $35 depending on which day you attend. Kids under 10 get in for free, so it's a great way to introduce your little ones to the world of retro gaming and game development.",
+        "We can't wait to see you at the Louisville Arcade Expo! Whether you're a die-hard gamer or you're just curious about the local game development scene, this event is not to be missed. See you there!"
+      ],
+      "cta": "Get your tickets for LAX!",
+      "ctaLink": "https://www.louisvillearcade.com/",
+      "image": "/img/louisville-arcade-expo-2023-promo.jpg",
+      "imageCaptionStrong": "Locally-made indie games",
+      "imageCaptionSub": "available for all ages to try out at LAX"
+    },
+    {
+      "title": "Why Licenses Matter",
+      "author": "Alex Bezuska",
+      "date": "2023-02-19",
+      "contentParagraphs": [
+        "When creating a game project, it can be tempting to use assets found online as a shortcut to creating original content. However, it is important to pay attention to the license associated with each asset to ensure that it can be used appropriately.",
+        "Creative Commons Zero (CC0) is a public domain license that allows for free use of an asset without attribution. However, most other licenses do require some form of attribution, which means giving credit to the original artist for their work. The MIT license is one example of a license that requires attribution. Game developers should also be wary of \"viral\" licenses like the GPL v3, which requires that any derivative works also be released under the GPL v3 license.",
+        "When using other people's work in game projects, it's important to make sure that the artist receives proper credit. This can be done through including the artist's name in the game credits or on the game's page on a jam site, for example."
+      ],
+      "ctaLink": "",
+      "image": "/img/Jason-Thompson---Local-Louisville-composer.jpg",
+      "imageCaptionStrong": "Jason Thompson, Local Louisville composer",
+      "imageCaptionSub": "Photo by David R. Lutman, Courier Journal, Aug 4 2019"
+    }
+  ],
   "resources": {
     "ArtTools": [
       {
@@ -85,19 +125,122 @@
         "description": "Free image and photo editing software for computers that run Windows.",
         "link": "https://www.getpaint.net/"
       },
+      {
+        "name": "Piskel",
+        "price": "FREE",
+        "opensource": "Not sure",
+        "description": "Online editor for animated sprites & pixel art",
+        "link": "https://www.piskelapp.com/"
+      },
       {
         "name": "Spriter",
         "price": "$59.99",
         "opensource": "no",
         "description": "2d game animation tool ",
         "link": "https://brashmonkey.com/"
       },
+      {
+        "name": "Blender",
+        "price": "FREE",
+        "opensource": "yes",
+        "description": "Full-featured 3d modeling, rigging, and animating tool",
+        "link": "https://www.blender.org/"
+      },
+      {
+        "name": "Spritify for Blender",
+        "price": "FREE",
+        "opensource": "yes",
+        "description": "Generate sprites for different rotations of 3D models in the same way factorio does for it’s entities",
+        "link": "https://github.com/FreezingMoon/Spritify"
+      }
+    ],
+    "gameDesignTools": [
       {
         "name": "Tiled",
         "price": "FREE",
         "opensource": "yes",
         "description": "Tile map editor",
         "link": "https://www.mapeditor.org/"
+      },
+      {
+        "name": "Yarn Spinner",
+        "price": "FREE",
+        "opensource": "yes",
+        "description": "Great Unity plugin for adding adialogue system to a Unity game.",
+        "link": "https://yarnspinner.dev/"
+      }
+    ],
+    "organizationTools": [
+      {
+        "name": "Trello",
+        "price": null,
+        "opensource": false,
+        "description": "Boards, lists, and cards",
+        "link": "https://trello.com/"
+      },
+      {
+        "name": "ClickUp",
+        "price": null,
+        "opensource": false,
+        "description": "Plan, track, and manage any type of work with project management that flexes to your team's needs",
+        "link": "https://clickup.com/"
+      }
+    ],
+    "communicationTools": [
+      {
+        "name": "Jitsi",
+        "price": null,
+        "opensource": true,
+        "description": "Free video conferencing and messaging site",
+        "link": "https://jitsi.org/"
+      },
+      {
+        "name": "tlk.io",
+        "price": null,
+        "opensource": false,
+        "description": "Free chat room site.",
+        "link": "https://tlk.io/"
+      }
+    ],
+    "marketingTools": [
+      {
+        "name": "Vlambeer Toolkit & Link Repo",
+        "price": null,
+        "opensource": false,
+        "description": "A collection of links and tools for game developers by Vlambeer, an independent game studio.",
+        "link": "http://vlambeer.com/toolkit/"
+      }
+    ],
+    "codeTools": [
+      {
+        "name": "JSON Pretty Print",
+        "price": null,
+        "opensource": false,
+        "description": "Browser based JSON formatting tool.",
+        "link": "https://jsonformatter.org/json-pretty-print"
+      }
+    ],
+    "captureTools": [
+      {
+        "name": "GIPHY Capture",
+        "price": "FREE",
+        "opensource": "no",
+        "description": "(Mac) Record gifs of your game with an integrated editor",
+        "link": "https://giphy.com/apps/giphycapture"
+      },
+      {
+        "name": "Screen 2 Gif",
+        "price": "FREE",
+        "opensource": "yes",
+        "description": "(Windows) Record gifs of your game with an integrated editor",
+        "link": "https://www.screentogif.com/"
+      },
+      {
+        "name": "OBS",
+        "price": "FREE",
+        "opensource": "yes",
+        "description": "Video recording and live streaming",
+        "link": "https://obsproject.com/"
       }
     ],
     "audioTools": [
@@ -109,11 +252,11 @@
         "link": "https://www.ableton.com/en/"
       },
       {
-        "name": "Sfxr",
+        "name": "jSfxr",
         "price": "FREE",
         "opensource": "yes",
-        "description": "8-bit sound generator.",
-        "link": "http://www.drpetter.se/project_sfxr.html"
+        "description": "Browser baesed 8-bit sound generator",
+        "link": "https://sfxr.me/"
       },
       {
         "name": "Tenacity",

site.json

@@ -9,6 +9,11 @@
       "file": "index.html",
       "showInNav": true
     },
+    {
+      "name": "Blog",
+      "file": "blog.html",
+      "showInNav": true
+    },
     {
       "name": "Resources",
       "file": "resources.html",

src/css/main.css

@@ -6,29 +6,30 @@ body {
 a {
   color: #edde44;
 }
-a:hover{
+
+a:hover {
   color: #f5eb83;
   cursor: pointer !important;
 }
 
-.navbar{
+.navbar {
   background: #1e1e1e !important;
   box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
   color: white;
 }
 
 
-main.container{
+main.container {
   margin-top: 150px !important;
 }
 
-.btn-primary{
+.btn-primary {
   background-color: #6ACAD0;
   border-color: #6ACAD0;
 }
 
 
-.btn-primary:hover{
+.btn-primary:hover {
   background-color: #5FA3AB;
   border-color: #5FA3AB;
 }
@@ -39,7 +40,7 @@ footer {
 }
 
 
-h1{
+h1 {
   background-color: #EDDE44;
   color: #1e1e1e;
   padding: 20px 15px;
@@ -48,15 +49,16 @@ h1{
   margin-bottom: 1.5rem !important;
   width: fit-content;
 }
-h1:hover{
+
+h1:hover {
   transform: rotate(2deg);
 }
 
-h1 i{
+h1 i {
   margin-right: 10px;
 }
 
-table{
+table {
   color: white;
 }
 
@@ -71,24 +73,25 @@ table{
   width: 88px;
 }
 
-.bold{
+.bold {
   font-weight: bold;
 }
 
 
-.btn{
+.btn {
   font-size: 1.25rem;
   text-align: left;
   border-radius: 0;
   border: 0;
 }
 
 
-.btn i, h2 i{
+.btn i,
+h2 i {
   margin-right: 10px;
 }
 
-.d-flex .btn{
+.d-flex .btn {
   margin: 5px;
 }
 
@@ -116,10 +119,10 @@ table{
   background-color: #EA3657;
   transform: rotate(-5deg);
   z-index: -1;
- 
+
 }
 
-.image-container:hover{
+.image-container:hover {
   transform: rotate(3deg);
 }
 
@@ -131,4 +134,34 @@ table{
   color: #495057 !important;
   background-color: #6ACAD0 !important;
   border-color: #6ACAD0 !important;
-}
+}
+
+.callout-box {
+
+  border: 4px solid white;
+
+  padding: 0 15px 15px 15px;
+  margin-top: 26px;
+
+}
+
+.callout-box h1 {
+  position: relative;
+  top: -25px;
+  background: #6ACAD0;
+  margin-bottom: -0.5rem !important;
+
+}
+
+
+.callout-box a {
+  width: 100%;
+  min-height: 60px;
+  text-align: center;
+  padding-top: 15px;
+}
+
+.post hr{
+  margin: 150px 40px;
+}
+

src/pages/blog.hbs

@@ -0,0 +1,40 @@
+{{>header}}
+<main class="container my-5">
+
+    <h1>Blog</h1>
+
+{{#each blog}}
+<div class="post" id="{{postID}}">
+<article>
+     <h2>{{title}}</h2>
+        <div class="author-date">
+            <p>By {{author}}</p>
+            <p>{{date}}</p>
+        </div>
+<div class="row">
+
+    <div class="col-md-6">
+       <p>{{blurb}}</p>
+        {{#each contentParagraphs}}<p>{{this}}</p>{{/each}}
+        {{#if ctaLink}}
+        <a href="{{ctaLink}}" target="_blank" class="btn btn-primary">{{cta}}</a>
+        {{/if}}
+    </div>
+     <div class="col-md-6">
+        <img class="img-fluid" src="{{image}}" alt="{{title}}">
+        <strong>{{imageCaptionStrong}}</strong>
+        <p>{{imageCaptionSub}}</p>   
+    </div>
+</div>
+</article>
+<hr>
+
+</div>
+
+
+{{/each}}
+
+
+</main>
+
+{{>footer}}