chore: added links 2f4e8b55
Steve · 2025-09-29 13:26 1 file(s) · +15 −15
site/index.html +15 −15
95 95 
          <div class="mt-2 pl-7">
96 96 
            <p class="text-gray-700 mb-3">These are great if you are not quite a technical person and need everything to be simple and easy to use.</p>
97 97 
            <div class="flex flex-wrap gap-2">
98 - 
              <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Bear Blog ⭐️</a>
99 - 
              <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Substack</a>
100 - 
              <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Ghost</a>
101 - 
              <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Wordpress</a>
102 - 
              <a href="#" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Squarespace</a>
98 + 
              <a href="https://bearblog.dev" target="_blank" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Bear Blog ⭐️</a>
99 + 
              <a href="https://substack.com" target="_blank" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Substack</a>
100 + 
              <a href="https://ghost.org" target="_blank" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Ghost</a>
101 + 
              <a href="https://wordpress.com" target="_blank" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Wordpress</a>
102 + 
              <a href="https://www.squarespace.com" target="_blank" class="bg-blue-100 hover:bg-blue-200 text-blue-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Squarespace</a>
103 103 
            </div>
104 104 
          </div>
105 105 
        </details>
114 114 
          <div class="mt-2 pl-7">
115 115 
            <p class="text-gray-700 mb-3">For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p>
116 116 
            <div class="flex flex-wrap gap-2">
117 - 
              <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Astro</a>
118 - 
              <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Hugo</a>
119 - 
              <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Zola</a>
120 - 
              <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">11ty</a>
121 - 
              <a href="#" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Jekyll</a>
117 + 
              <a href="https://astro.build" target="_blank" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Astro</a>
118 + 
              <a href="https://gohugo.io" target="_blank" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Hugo</a>
119 + 
              <a href="https://www.getzola.org" target="_blank" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Zola</a>
120 + 
              <a href="https://www.11ty.dev" target="_blank" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">11ty</a>
121 + 
              <a href="https://jekyllrb.com" target="_blank" class="bg-green-100 hover:bg-green-200 text-green-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Jekyll</a>
122 122 
            </div>
123 123 
          </div>
124 124 
        </details>
131 131 

            

            
            

                132
                132
                 
                
        <p>Also known as "really simple syndication", RSS has been around for decades. In short, it's simply a list of data that can be updated and notify people when something new has been posted. This is great for blogs since you don't have to always check all the people you want to follow. When you make your blog, you want to make sure it's RSS enabled (resources are further down). You also will want to get an RSS reader, as this will allow you to create a list of people to follow and let you read posts as they are published. These can vary from hosted web platforms where you might need to pay at some point to just free apps you can download. Would highly recommend trying a few and seeing which works best!</p>

            

            
            

                133
                133
                 
                
        <div class="flex flex-wrap gap-2">

            

            
            

                134
                
                -
                
          <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feedly</a>

            

            
            

                135
                
                -
                
          <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Inoreader</a>

            

            
            

                136
                
                -
                
          <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">NetNewsWire</a>

            

            
            

                137
                
                -
                
          <a href="#" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feeeeed</a>

            

            
            

                138
                
                -
                
          <a href="https://apps.apple.com/app/id6475002485" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">iOS RSS Reader</a>

            

            
            

                
                134
                +
                
          <a href="https://feedly.com" target="_blank" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feedly</a>

            

            
            

                
                135
                +
                
          <a href="https://www.inoreader.com" target="_blank" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Inoreader</a>

            

            
            

                
                136
                +
                
          <a href="https://netnewswire.com" target="_blank" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">NetNewsWire</a>

            

            
            

                
                137
                +
                
          <a href="https://feeeed.nateparrott.com" target="_blank" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Feeeed</a>

            

            
            

                
                138
                +
                
          <a href="https://apps.apple.com/app/id6475002485" class="bg-purple-100 hover:bg-purple-200 text-purple-800 px-3 py-1 rounded-full text-sm font-medium transition-colors">Reader.</a>

            

            
            

                139
                139
                 
                
        </div>

            

            
            

                140
                140
                 
                
      </div>

            

            
            

                141
                141
                 
                
    </section>