chore: added toggles for blog services b2081eaf
Steve · 2025-09-29 11:04 1 file(s) · +36 −20
site/index.html +36 −20
78 78
79 79
        <p>Let me reassure you, this is actually simpler than what you're probably thinking. This doesn't have to be some well polished highly viewed monetization machine. It's just a simple website where you can casually talk about whatever you want to talk about! It can be long, short, a list of small things, or just a quote. It should be how you talk with other people in your own life, or how you communicate with the outside world. It should be you on a page. Here's a few places you can make a blog that are RSS enabled:</p>
80 80
81 -
        <p><strong>Hosted Services</strong></p>
82 -
83 -
        <p>These are great if you are not quite a technical person and need everything to be simple and easy to use.</p>
84 -
        <ul class="list-disc pl-4 text-md font-semibold">
85 -
          <li>Bear Blog ⭐️</li>
86 -
          <li>Substack</li>
87 -
          <li>Ghost</li>
88 -
          <li>Wordpress</li>
89 -
          <li>Squarespace</li>
90 -
        </ul>
91 -
92 -
        <p><strong>Self Hosted Frameworks</strong></p>
81 +
        <details class="w-full">
82 +
          <summary class="cursor-pointer text-lg font-semibold flex items-center">
83 +
            <svg class="w-4 h-4 mr-3 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
84 +
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
85 +
            </svg>
86 +
            Hosted Services
87 +
          </summary>
88 +
          <div class="mt-2 pl-7">
89 +
            <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>
90 +
            <ul class="list-disc pl-4 text-md font-semibold">
91 +
              <li>Bear Blog ⭐️</li>
92 +
              <li>Substack</li>
93 +
              <li>Ghost</li>
94 +
              <li>Wordpress</li>
95 +
              <li>Squarespace</li>
96 +
            </ul>
97 +
          </div>
98 +
        </details>
93 99
94 -
        <p>For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p>
95 -
        <ul class="list-disc pl-4 text-md font-semibold">
96 -
          <li>Astro</li>
97 -
          <li>Hugo</li>
98 -
          <li>Zola</li>
99 -
          <li>11ty</li>
100 -
          <li>Jekyll</li>
101 -
        </ul>
100 +
        <details class="w-full">
101 +
          <summary class="cursor-pointer text-lg font-semibold flex items-center">
102 +
            <svg class="w-4 h-4 mr-3 transform transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24">
103 +
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
104 +
            </svg>
105 +
            Self Hosted Frameworks
106 +
          </summary>
107 +
          <div class="mt-2 pl-7">
108 +
            <p class="text-gray-700 mb-3">For the devs 🫡 Some of my favorite frameworks and tools for making a blog!</p>
109 +
            <ul class="list-disc pl-4 text-md font-semibold">
110 +
              <li>Astro</li>
111 +
              <li>Hugo</li>
112 +
              <li>Zola</li>
113 +
              <li>11ty</li>
114 +
              <li>Jekyll</li>
115 +
            </ul>
116 +
          </div>
117 +
        </details>
102 118
      </div>
103 119
    </section>
104 120