Skip to content

Commit

Permalink
update some colors
Browse files Browse the repository at this point in the history
  • Loading branch information
@pickledish
pickledish committed Sep 16, 2024
1 parent dd3b301 commit 37e6626
Show file tree
Hide file tree
Showing 2 changed files with 29 additions and 29 deletions.
20 changes: 10 additions & 10 deletions site/assets/css/tailwind.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -874,28 +874,28 @@ video {
border-bottom-width: 2px;
}

.border-\[\#CD5526\] {
.border-\[\#D08606\] {
--tw-border-opacity: 1;
border-color: rgb(205 85 38 / var(--tw-border-opacity));
border-color: rgb(208 134 6 / var(--tw-border-opacity));
}

.border-current {
border-color: currentColor;
}

.bg-\[\#392A16\] {
.bg-\[\#302313\] {
--tw-bg-opacity: 1;
background-color: rgb(57 42 22 / var(--tw-bg-opacity));
background-color: rgb(48 35 19 / var(--tw-bg-opacity));
}

.bg-\[\#B7C5A6\] {
--tw-bg-opacity: 1;
background-color: rgb(183 197 166 / var(--tw-bg-opacity));
}

.bg-\[\#CD5526\] {
.bg-\[\#D08606\] {
--tw-bg-opacity: 1;
background-color: rgb(205 85 38 / var(--tw-bg-opacity));
background-color: rgb(208 134 6 / var(--tw-bg-opacity));
}

.bg-\[\#F7F7EB\] {
Expand Down Expand Up @@ -1048,19 +1048,19 @@ video {
font-style: italic;
}

.text-\[\#CD5526\] {
.text-\[\#D08606\] {
--tw-text-opacity: 1;
color: rgb(205 85 38 / var(--tw-text-opacity));
color: rgb(208 134 6 / var(--tw-text-opacity));
}

.text-\[\#F7F7EB\] {
--tw-text-opacity: 1;
color: rgb(247 247 235 / var(--tw-text-opacity));
}

.text-\[\#b0cc94\] {
.text-\[\#b7cb9f\] {
--tw-text-opacity: 1;
color: rgb(176 204 148 / var(--tw-text-opacity));
color: rgb(183 203 159 / var(--tw-text-opacity));
}

.text-stone-100 {
Expand Down
38 changes: 19 additions & 19 deletions site/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
<div class="w-screen flex flex-col">
<!-- Header and sticky note -->
<div class="h-screen flex flex-col">
<div class="w-full bg-[#CD5526] flex flex-row items-center justify-between px-4">
<div class="w-full bg-[#D08606] flex flex-row items-center justify-between px-4">
<div>
<p class="text-[24px] font-semibold text-[#F7F7EB]">ecstatic sites ᵕ̈</p>
</div>
Expand All @@ -29,55 +29,55 @@
<p>But, what's a little less awesome is <b>the infrastructure</b>.</p>
<p>Big Tech is kinda the Internet's landlord, and if we want our own slice of the web, monopolistic companies are usually the ones getting the rent payment, whether that's in <a href="https://aws.amazon.com/cloudfront/pricing/">our money</a> or in <a href="https://support.google.com/analytics/answer/11593727?hl=en">our visitors' privacy</a>.</p>
<p>I wanted a better platform -- that's built small, and can help enable other sites to be small, too -- without giving a dime to Google or Amazon.</p>
<p>Thus, <b>ecstatic was born</b>! Details below 👀</p>
<p>Thus, <b class="text-[#D08606]">Ecstatic was born</b>! Details below 👀</p>
</div>
</div>
</div>
<!-- What Is it -->
<div class="w-full bg-[#392A16] flex flex-row items-center justify-center">
<div class="w-full bg-[#302313] flex flex-row items-center justify-center">
<div class="w-full max-w-[768px] text-[#F7F7EB] px-8 py-8">
<h2 class="tex">What Is It?</h2>
<p>Ecstatic is a platform which <b class="text-[#b0cc94]">hosts static websites</b>. You write some HTML, JS, and whatever else, then use `git push` to send it to Ecstatic, which puts that content online for you.</p>
<h2 class="text-[#b7cb9f]">What Is It?</h2>
<p>Ecstatic is a platform which <b>hosts static websites</b>. You write some HTML, JS, and whatever else, then use `git push` to send it to Ecstatic, which puts that content online for you.</p>
<p>And that content can be anything -- you can create a simple homepage with handwritten HTML, maintain a blog using <a href="https://jekyllrb.com/">any</a> <a href="https://gohugo.io/">static</a> <a href="https://www.11ty.dev/">site</a> <a href="https://www.gitbook.com/">generator</a> <a href="https://docusaurus.io/">you</a> <a href="https://astro.build/">want</a>, or even host the frontend for a full-on web application using a JS framework like React.</p>
<p>This landing page, and the Ecstatic web app, are both hosted on Ecstatic!</p>
<p>This landing page, and the Ecstatic web app, are both <b>hosted on Ecstatic</b>!</p>
</div>
</div>
<!-- Features -->
<div class="w-full bg-[#F7F7EB] flex flex-row items-center justify-center">
<div class="w-full max-w-[768px] px-8 py-8">
<h2>Features</h2>
<details class="py-4 border-b-2 border-[#CD5526]">
<details class="py-4 border-b-2 border-[#D08606]">
<summary>
<div class="w-full h-full flex flex-row items-center justify-between select-none cursor-pointer">
<b>A fast, globally-replicated CDN</b>
<div class="text-[#CD5526]">▼</div>
<div class="text-[#D08606]">▼</div>
</div>
</summary>
<div class="mt-2">The websites of Ecstatic are served by <a href="https://bunny.net/">Bunny.net</a>, via SSDs located all over the world, and folks viewing your website get their copy delivered directly from Bunny. So, your sites are faster and more reliable, and Ecstatic going down doesn't mean your sites are down too.</div>
</details>
<details class="py-4 border-b-2 border-[#CD5526]">
<details class="py-4 border-b-2 border-[#D08606]">
<summary>
<div class="w-full h-full flex flex-row items-center justify-between select-none cursor-pointer">
<b>SSL certificates and DDoS protection</b>
<div class="text-[#CD5526]">▼</div>
<div class="text-[#D08606]">▼</div>
</div>
</summary>
<div class="mt-2">These are table-stakes features you need to host a site on the public web today, which you get "for free" from our integration with the CDN. This includes SSL certificates for custom domains, which Ecstatic fully supports.</div>
</details>
<details class="py-4 border-b-2 border-[#CD5526]">
<details class="py-4 border-b-2 border-[#D08606]">
<summary>
<div class="w-full h-full flex flex-row items-center justify-between select-none cursor-pointer">
<b>Built-in anonymous analytics</b>
<div class="text-[#CD5526]">▼</div>
<div class="text-[#D08606]">▼</div>
</div>
</summary>
<div class="mt-2">Know how much traffic your site is getting. And because we use server-side access logs for this, it just works out of the box -- no need for tracking pixels, 3rd party services, or GDPR cookie-consent banners. Run your site Javascript-free if you want!</div>
</details>
<details class="py-4 border-b-2 border-[#CD5526]">
<details class="py-4 border-b-2 border-[#D08606]">
<summary>
<div class="w-full h-full flex flex-row items-center justify-between select-none cursor-pointer">
<b>A familiar Git-based workflow</b>
<div class="text-[#CD5526]">▼</div>
<div class="text-[#D08606]">▼</div>
</div>
</summary>
<div class="mt-2">If you've ever used Heroku, you know how nice it is to simply <code>git push</code> and see your code deployed. And if you haven't, it's just a single command from a tool probably already installed on your computer.</div>
Expand All @@ -86,7 +86,7 @@ <h2>Features</h2>
<summary>
<div class="w-full h-full flex flex-row items-center justify-between select-none cursor-pointer">
<b>Zero big-tech bullshit</b>
<div class="text-[#CD5526]">▼</div>
<div class="text-[#D08606]">▼</div>
</div>
</summary>
<div class="mt-2">This was all made by one person (<a href="https://www.willett.io/about/">me, Brandon</a>). I am not Amazon, Microsoft, or Google, and Ecstatic deliberately avoids using any of their services, at least directly. Support a less dystopian future for the Internet!</div>
Expand All @@ -112,13 +112,13 @@ <h2>Important</h2>
</div>
</div>
<!-- Links -->
<div class="w-full bg-[#392A16] flex flex-row items-center justify-center">
<div class="w-full bg-[#302313] flex flex-row items-center justify-center">
<div class="w-full max-w-[768px] px-8 py-8 flex flex-col items-center justify-center text-[#F7F7EB]">
<h2>Want to See More?</h2>
<div class="w-full flex flex-row items-center justify-center">
<a href="https://app.ecstaticsites.org/#/signin?demo=true" class="bg-[#CD5526] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Demo</a>
<a href="https://docs.ecstaticsites.org/" class="bg-[#CD5526] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Documentation</a>
<a href="https://github.com/orgs/cloudybutnorain/repositories" class="bg-[#CD5526] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Source</a>
<a href="https://app.ecstaticsites.org/#/signin?demo=true" class="bg-[#D08606] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Demo</a>
<a href="https://docs.ecstaticsites.org/" class="bg-[#D08606] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Documentation</a>
<a href="https://github.com/orgs/cloudybutnorain/repositories" class="bg-[#D08606] text-[#F7F7EB] px-4 py-2 mx-2 mt-4 rounded-md no-underline">Source</a>
</div>
</div>
</div>
Expand Down

0 comments on commit 37e6626

Please sign in to comment.