Skip to content

Commit

Permalink
intropage
Browse files Browse the repository at this point in the history
  • Loading branch information
Viktor Zaunders committed Dec 7, 2024
1 parent 17c162e commit 5aa5eac
Show file tree
Hide file tree
Showing 3 changed files with 220 additions and 0 deletions.
191 changes: 191 additions & 0 deletions hc-intro/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,191 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://fonts.googleapis.com/css?family=Rubik"
rel="stylesheet"
/>
<link rel="stylesheet" href="../style.css" />
<title>darksoil studio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<!--a.class links-->
<rocket-header-scroll-menu>
<div style="display: flex;
flex-direction: row;
margin-top: 10px;
align-items: center;">
<div style="flex: 1; display: flex; justify-content: left;">
<a href="../#what-we-do">what we do</a>
<a href="../#things-weve-made">things we've made</a>
<a href="#now_building">now building</a>
<a href="#approach">approach to software</a>
<a href="#projects_on_deck">projects on deck</a>
<a href="#work-with-us">work with us</a>
<a href="#people">people</a>
<a href="#connect">connect</a>
</div>
<div
class="custom-social-links"
style="display: flex; justify-content: center; align-items: center; margin-left: 8px"
>
<custom-social-link
style="--primary-text-color: white; --primary-color: var(--theme-secondary); "
name="OpenCollective"
url="https://opencollective.com/darksoil"
></custom-social-link>
<custom-social-link
style="--primary-text-color: white; --primary-color: var(white); "
name="Github"
url="https://github.com/darksoil-studio"
></custom-social-link>
<custom-social-link
style="--primary-text-color: white; --primary-color: var(--theme-secondary); "
name="Substack"
url="https://substack.com/profile/5969055-darksoil"
></custom-social-link>
<custom-social-link
style="--primary-text-color: white; --primary-color: var(white); "
name="YouTube"
url="https://www.youtube.com/@darksoilstudio"
></custom-social-link>
<custom-social-link
style="--primary-text-color: white; --primary-color: var(white); "
name="gmail"
url="mailto:hello@darksoilstudio"
></custom-social-link>
</div>
</div>
</rocket-header-scroll-menu>
<div class="parallax">
<div class="parallax__layer parallax__layer--back darksoil-background"></div>
<div class="parallax__layer parallax__layer--base">

<rocket-content-area style="padding-top: 20px;">
<h2 id="courses" link-text="courses">Intro to Holochain - developer training</h2>
<p>Learn how to design, develop, and deploy Holochain apps in 4 days with:</p>
<p>
<li>Live and interactive teaching sessions with one of the worlds premier Holochain developers</li>
<li>Top-class interactive educational material</li>
<li>Intimate cohort of experienced developers</li>
<li>Online training, join us from anywhere in the world</li>
</p>

<p><a href="https://forms.gle/QPZ8yR4sYZvJtWH57" class="button">Apply Now!</a></p>


<h4>Learn to build web3 apps</h4>
<p>Holochain is an open-source protocol for developing peer-to-peer applications. It is set to provide a large piece of the puzzle towards bringing the vision of web3 into the world. The protocol allows for highly modular development of local-first functionality that can be combined into fully featured cryptographically secure applications. It creates a fundamental layer for creating a new robust, resilient and sovereign technological infrastructure.</p>

<h4>Outcomes</h4>
<p>At the end of the program, you'll be able to:
<li>Work as a Holochain developer</li>
<li>Have a basic understanding of the distributed systems architecture of Holochain</li>
<li>Make and distribute simple Holochain applications (hApps)</li>
</p>

<h4>Course Pre-requiste</h4>
<p><b>Basic Rust</b><br />
In order for you to receive full value from this course, you should already have experience with coding using Rust. While most of holochain apps can be coded in Javascript using your preferred front end frameworks, some of the core Holochain functionality and integrity requires Rust, therefore familiarity with Rust is important in order to complete this course.
</p>


<!--<h3 id="courses" link-text="courses">Apply now</h2>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSfdrZ0fQaQEqsJkfWngiVkgEGFqMajv6JaiI5JLXztoLVpYTw/viewform?embedded=true" width="640" height="1080" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
-->
</p>

<h4>Details</h4>
<p><b>Training dates: January x-x, 2025</b><br />
<p><b>Location: Online classroom (Zoom)</b><br />
<p><b>Number of participants: 10</b><br />
<p><b>Price: $2000</b><br />
</p>

<h4>Program Components</h4>
<li>Lectures, with interactive materials and live visualizations</li>
<ul>
<li>Guillem will be walking you through the different elements of the course and giving clear illustrations of how Holochain works</li>
</ul>
<li>Individual and group exercises</li>
<ul>
<li>There are exercises built into the interactive learning materials to make sure that all of the concepts land for you as a student</li>
</ul>
<li>Exercice mini-hackathons</li>
<ul>
<li>At the end of the course you will have time to build a very small app in order to get familiar with the actual process of building.
<br />This will be using scaffolding tools and we will provide you with a few different app designs to choose from to implement.</li>
</ul>

<h4>Meet your instructor</h4>
<img src="../guillem_circular.png" class="photo" style="max-width: 300px;" />
<p><b>Guillem Cordoba</b> has been building Holochain applications for several years, he has been a key contributor to both the Holochain protocol and the ecosystem as a whole. </p>
<p>Guillem has trained others on Holochain development for nearly as long. He held the community-led development programs (dev camps) and online as well as in-person Holochain intensive development courses. He is one of the world's most experienced and knowledgeable Holochain developers and an outstanding teacher. </p>

<h4>Support staff</h4>
<img src="../viktor_circular.png" class="photo" style="max-width: 300px;" />
<p>Viktor Zaunders has been organizing community events and learning environments for several years. He is a software architect that is also passionate about learning and creating spaces where people feel comfortable. He will be doing the support, administration and communications around the course to make sure that students have a great experience.</p>

<h4>Course Details</h4>
<p>This training will run online over the course of x days in the following schedule:<br />
<li>Monday</li>
<ul>
<li>9 - 10.30: Live session</li>
<li>Break</li>
<li>10:45 - 12.00: Live session..</li>
</ul>
<li>Tuesday</li>
<ul>
<li>9 - 10.30: Live session</li>
<li>Break</li>
<li>10:45 - 12.00: Live session..</li>
</ul>

<h4>Course topics:</h4>
<p>
<li>Holochain fundamentals</li>
<li>Building blocks (happs, DNAs and zomes)</li>
<li>Entries & Links</li>
<li>Capabilities</li>
<li>Signals</li>
<li>Validation</li>
<li>Ecosystem overview (services, tooling & distribution)</li>

</p>

<h4>Apply</h4>
<p>In order to create an intimate and interactive learning enviromnet where you as students have plenty of space to ask questions we are limiting this course to 10 participants. We will be running more of these courses throughout the year though so even if there is not a space for you now we will get in touch with you again when there is a new possibility to join.</p>
<p></p>We look forward to your participation and learning together!</p>
<p><a href="https://forms.gle/QPZ8yR4sYZvJtWH57" class="button">Apply Now!</a></p>

<br>
<br>



</p>

</rocket-content-area>
</div>
</div>
<script type="module">
export async function registerCustomElements() {
// server-only components
// prettier-ignore
customElements.define('rocket-content-area', await import('@rocket/components/content-area.js').then(m => m.RocketContentArea));
// prettier-ignore
customElements.define('rocket-header-scroll-menu', await import('@rocket/components/header-scroll-menu.js').then(m => m.RocketHeaderScrollMenu));
// prettier-ignore
customElements.define('rocket-card', await import('@rocket/components/card.js').then(m => m.RocketCard));
// prettier-ignore
customElements.define('rocket-columns', await import('@rocket/components/columns.js').then(m => m.RocketColumns));

}

registerCustomElements();
import "../custom-social-link.js";

</script>
</body>
</html>
18 changes: 18 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -97,7 +97,25 @@ <h2 id="what-we-do" link-text="what we do">what we do</h2>
the Holochain core codebase.
</p>
</rocket-content-area>
<!--
<rocket-content-area>
<h2 id="now_building" link-text="now building" class="area-headline">
Learn with us! <br />
</h2>
<rocket-columns>
<rocket-card>
<div slot="title" class="row card-title">
<h4>Holochain introductory course</h4>
</div>
<p>We are now opening applications for our Holochain introductory developer course.</p>
<a href="./hc-intro/"><p>Check out the course page and apply!</p></a>
</rocket-card>
</rocket-columns>
</rocket-content-area>
-->
<rocket-content-area>
<h2
id="things-weve-made"
Expand Down
11 changes: 11 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -304,4 +304,15 @@ a.cta:hover {
h4 {
font-size: 1.5rem;
font-weight: 700;
}

.button {
display: inline-block;
padding: 10px 20px;
background-color: #0e540b;
color: white;
text-decoration: none;
border-radius: 4px;
border: none;
cursor: pointer;
}

0 comments on commit 5aa5eac

Please sign in to comment.