First version of the page concept

developersociety · Dec 2, 2023 · 410d3d5 · 410d3d5
1 parent 2b038f7
commit 410d3d5
Show file tree

Hide file tree

Showing 9 changed files with 201 additions and 28 deletions.
diff --git a/apple-touch-icon.png b/apple-touch-icon.png
diff --git a/bg.svg b/bg.svg
diff --git a/campus.svg b/campus.svg
diff --git a/cast.svg b/cast.svg
diff --git a/favicon.ico b/favicon.ico
diff --git a/htmx.min.js b/htmx.min.js
diff --git a/index.html b/index.html
@@ -8,14 +8,14 @@
   <meta name="description" content="What if charities could access enterprise-grade technology through a one-time fee? At CAST, we're pioneering open-IP to challenge old charity tech models.">
 
   <meta property="og:site_name" content="CAST">
-  <meta property="og:title" content="Announcing CAST Campus">
-  <meta property="og:description" content="What if charities could access enterprise-grade technology through a one-time fee? At CAST, we're pioneering open-IP to challenge old charity tech models.">
+  <meta property="og:title" content="Announcing Campus by CAST">
+  <meta property="og:description" content="What if charities could access enterprise-grade technology that is community owned? At CAST, we're pioneering open-IP to challenge old charity tech models.">
   <meta property="og:image" content="opengraph.png">
-  <meta property="og:url" content="https://cast.org">
+  <meta property="og:url" content="https://wearecast.org">
   <meta property="og:type" content="website">
 
-  <meta name="twitter:title" content="Announcing CAST Campus">
-  <meta name="twitter:description" content="What if charities could access enterprise-grade technology through a one-time fee? At CAST, we're pioneering open-IP to challenge old charity tech models.">
+  <meta name="twitter:title" content="Announcing Campus by CAST">
+  <meta name="twitter:description" content="What if charities could access enterprise-grade technology that is community owned? At CAST, we're pioneering open-IP to challenge old charity tech models.">
   <meta name="twitter:image" content="opengraph.png">
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:creator" content="@techforgoodcast">
@@ -26,35 +26,60 @@
   <link rel="apple-touch-icon" href="apple-touch-icon.png">
 
   <link rel="stylesheet" type="text/css" href="style.css">
-  <script defer data-domain="campus" src="https://plausible.io/js/script.js"></script>
 </head>
 <body>
+  <main>
+    <h1><a href="/">Campus from CAST</a></h1>
 
-<h1><a href="/">Campus from CAST</a></h1>
+    <h2>Something remarkable is happening<br /> in the third sector...</h2>
 
-<h2>Something remarkable is happening in the third sector...</h2>
+    <p>Charities used to have limited access to technology. They relied on donated hardware and software, which quickly became outdated.
+      Or they paid costly licensing fees that drained budgets. It felt like they didn't truly own the tools they depended on.</p>
+    <p>Today, CAST is pioneering a new open-IP model - bringing enterprise-level technology to charities through a one-time fee.
+      This gives nonprofits full ownership and control, while providing CAST a sustainable funding stream to continually improve products.</p>
+    <p>For too long, charities lacked access to innovation. But open-IP can change that. We believe it enables stronger outcomes, 
+      efficiency, and scale for nonprofits.</p> <p>That's why we built Campus. It's a place charities can access a growing marketplace of 
+      open-IP products to own forever, with experts on hand providing ongoing guidance and support.</p>
 
-<p>Charities used to have limited access to technology. They relied on donated hardware and software, which quickly became outdated.
-  Or they paid costly licensing fees that drained budgets. It felt like they didn't truly own the tools they depended on.</p>
-<p>Today, CAST is pioneering a new open-IP model - bringing enterprise-level technology to charities through a one-time fee.
-  This gives nonprofits full ownership and control, while providing CAST a sustainable funding stream to continually improve products.</p>
-<p>For too long, charities lacked access to innovation. But open-IP can change that. We believe it enables stronger outcomes, 
-  efficiency, and scale for nonprofits.</p> <p>That's why we built Campus. It's a place charities can access a growing marketplace of 
-  open-IP products to own forever, with experts on hand providing ongoing guidance and support.</p>
+    <ul>
+      <li>Pay once, own forever - one price for the software forever</li>
+      <li>All the code is yours - 100% transparency into product design</li>
+      <li>We host, you host, your choiece - full control and ownership</li>
+      <li>Enterprise-grade capabilities, designed specifically for charities</li>
+      <li>Ongoing support, hosting, training, and integration from our nonprofit experts</li>
+    </ul>
 
-<ul>
-  <li>Pay once, own forever - invest once and use the software forever</li>
-  <li>We write the code, you get to see it - 100% transparency into product design</li>
-  <li>We provide the software, you host it - full control and ownership for your charity</li>
-  <li>Enterprise-grade capabilities, designed specifically for charities</li>
-  <li>Ongoing support, hosting, training, and integration from our nonprofit experts</li>
-</ul>
-
-<p>The first set of Campus products will launch Q1-2024, with many more in development. And by participating, your charity will shape future innovations.</p>
-<p>This open-IP journey is just beginning. We intend to challenge old charity technology models to bring nonprofits the modern tools they deserve.
-The post-licensing era for the sector is arriving.</p>
-
-<p>Come join us on Campus and see what's possible.</p>
+    <p>The first set of Campus products will launch Q1-2024, with many more in development. And by participating, your charity will shape future innovations.</p>
+    <p>This open-IP journey is just beginning. We intend to challenge old charity technology models to bring nonprofits the modern tools they deserve. The post-licensing era for the sector is arriving.</p>
 
+    <p>Come join us on Campus and see what's possible.</p>
+  </main>
+  <footer>
+    <div>
+      <a href="/"><img src="campus.svg" alt="Campus"></a> <p>Campus is a space to access tools,  resources and people - enabling the reuse of sector and community owned technologies</p>
+      <a href="https://wearecast.org.uk"><img src="cast.svg" alt="CAST"></a> <p>Copyright © 2023 CAST<br />Reg. Charity Nº1161998<br />Company Nº9544506</p>
+    </div>
+    <form>
+      <h3>Join the waitlist</h3>
+      <p>Be at the front of the queue when Campus launches.</p>
+      <p>
+        <label for="name">Name</label>
+        <input type="text" name="name" id="name">
+      </p>
+      <p>
+        <label for="email">E-mail</label>
+        <input type="email" name="email" id="email">
+      </p>
+      <input type="checkbox" name="legal" id="legal">
+      <label for="legal">I'm happy to get email from Campus.</label><br />
+      <button type="submit">Sign up</button>
+    </form>
+    <ul>
+      <li><h3>Useful links</h3>
+      <li><a href="#">Privacy Policy</a><br />
+      <li><a href="#">Terms &amp; Conditions</a><br />
+      <li><img src="social.svg" alt="Social Icons">
+    </ul>
+  </footer>
 </body>
 </html>
diff --git a/social.svg b/social.svg
diff --git a/style.css b/style.css
@@ -0,0 +1,125 @@
+html, body {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    font-size: 100%;
+    color: #464069;
+    background: #f1f1f1 url(bg.svg) top center no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    font-family: -apple-system,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+}
+
+main {
+    font-size: 140%;
+    line-height: 1.3;
+
+    margin: 0 auto;
+    padding: 2rem 1rem;
+    max-width: 42.5rem;
+}
+
+h1, h2, h3 {
+    font-size: 180%;
+    margin-top: 0;
+}
+
+h1 { 
+    display: block;
+    margin: 2rem 0;
+    overflow: hidden;
+    background: url(campus.svg) top left no-repeat;
+    text-indent: -1000em;
+}
+
+h2 {
+    line-height: 1;
+    font-weight: normal;
+    color: #FD6120;
+}
+
+ul {
+    list-style: none;
+}
+
+li + li {
+    margin-top: 0.5em;
+}
+
+li:before {
+    position: absolute;
+    margin: -0.5rem 0 0 -1.8rem;
+    content: "⏵";
+    font-size: 150%;
+    color: #A6DAE9;
+}
+
+footer {
+    background: #fafafa;
+    padding: 10rem 2rem;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-gap: 3rem;
+}
+
+footer * {
+    line-height: 1;
+}
+
+footer a {
+    color: #464069;
+}
+
+footer > *, footer p {
+    margin-top: 0;
+}
+
+footer li:before {
+    display: none;
+}
+
+footer li {
+    margin-bottom: 1rem;
+}
+
+footer li:last-child {
+    margin-top: 2.5rem;
+}
+
+footer div {
+    display: grid;
+    grid-template-columns: 0.75fr 1.25fr;
+    grid-gap: 1rem;
+}
+
+footer div img {
+    margin-top: 3px;
+    width: 90%;
+}
+
+label {
+    display: inline-block;
+    min-width: 60px;
+    font-weight: bold;
+}
+
+input[type=text], input[type=email], button {
+    border: 1px solid #333;
+    border-radius: 3px;
+    padding: 0.15em 0.5rem;
+    line-height: 1.5rem;
+    height: 1.5rem;
+    font-size: 16px;
+}
+
+button {
+    margin-top: 1rem;
+    font-weight: bold;
+    height: 2.5rem;
+    padding: 0.25rem 1rem;
+    background: #0e303f;
+    color: white;
+    border: none;
+}