Skip to content

Commit

Permalink
styling
Browse files Browse the repository at this point in the history
  • Loading branch information
Viktor Zaunders committed Dec 16, 2024
1 parent 38d6d8b commit f073522
Show file tree
Hide file tree
Showing 2 changed files with 132 additions and 85 deletions.
214 changes: 129 additions & 85 deletions hc-intro/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,116 +63,160 @@
<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>
<h4>Learn how to design, develop, and deploy Holochain apps in 4 days with:</h4>
<h2 id="courses" link-text="courses">Developer training: Intro to Holochain</h2>
<h3>Learn how to design, develop, and deploy Holochain apps in 4 days with:</h3>
<p>
<li><b>Interactive live sessions:</b> highly engaging learning format</li>
<li><b>Taught by Guillem Cordoba:</b> world esteemed teacher and developer</li>
<li><b>Top-class interactive material:</b> continuously reinforced learning</li>
<li><b>Small cohort size:</b> increased peer learning, select group of experienced developers</li>
<li><b>Online training:</b> join us from anywhere in the world</li>
<li style="font-size:larger;"><b>Interactive live sessions:</b> highly engaging learning format</li>
<li style="font-size:larger;"><b>Taught by Guillem Cordoba:</b> world esteemed teacher and developer</li>
<li style="font-size:larger;"><b>Top-class interactive material:</b> continuously reinforced learning</li>
<li style="font-size:larger;"><b>Small cohort size:</b> increased peer learning, select group of experienced developers</li>
<li style="font-size:larger;"><b>Online training:</b> 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. The protocol allows for highly modular development of local-first functionality that can be combined into fully featured cryptographically secure applications. Holochain is a key part of a new robust, resilient and sovereign technological infrastructure. You can learn more here.</p>

<h4>Outcomes</h4>
<p>At the end of the program, you can:
<li>Make and distribute simple Holochain apps</li>
<li>Work as a Holochain developer</li>
<li>Understand the fundaments of Holochain app architecture</li>
<h2>Learn to build web3 apps</h2>
<rocket-columns>
<rocket-card>
<p>Holochain is an open-source protocol for developing peer-to-peer applications.</p>
<p>The protocol allows for highly modular development of local-first functionality that can be combined into fully featured cryptographically secure applications.</p>
<p>Holochain is a key part of a new robust, resilient and sovereign technological infrastructure. You can learn more here.</p>
</rocket-card>
</rocket-columns>

<h2>Outcomes</h2>
<rocket-columns>
<rocket-card>
<p>At the end of the program, you can:
<li style="font-size: 20px; text-align: left;">Make and distribute simple Holochain apps</li>
<li style="font-size: 20px; text-align: left;">Work as a Holochain developer</li>
<li style="font-size: 20px; text-align: left;">Understand the fundaments of Holochain app architecture</li>
</p>
</rocket-card>
</rocket-columns>

<h4>Course Pre-requiste: <b>Basic Rust</b></h4>
<p>In order for you to receive full value from this course, you must already have experience coding in Rust. While most of a holochain app can be coded in Javascript using your preferred front end frameworks, Rust is required for the core Holochain functionality and integrity.
<h2>Course Pre-requiste</h2>
<rocket-columns>
<rocket-card>
<h3 slot="title">Basic Rust</h3>
<p>In order for you to receive full value from this course, you must already have experience coding in Rust.</p>
<p>While most of a holochain app can be coded in Javascript using your preferred front end frameworks, Rust is required for the core Holochain functionality and integrity.
</p>

</rocket-card>
</rocket-columns>

<!--<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>
-->


<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: 12</b><br />
<p><b>Price: $2000</b><br />
<p>We recognize that the tech space is systemically inequitable so we have some bursary available for participants from systemically underrepresented groups. If this is you, please reach out.</p>
</p>
<h2>Details</h2>
<rocket-columns>
<rocket-card>
<p><b>Training dates: January x-x, 2025</b><br />
<p><b>Location: Online classroom (Zoom)</b><br />
<p><b>Number of participants: 12</b><br />
<p><b>Price: $2000</b><br />
<p>We recognize that the tech space is systemically inequitable so we have some bursary available for participants from systemically underrepresented groups. If this is you, please <a href="mailto:[email protected]">reach out</a>.</p>
</p>
</rocket-card>
</rocket-columns>

<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>Mini-hackathon</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>
<h2>Program Components</h2>
<rocket-columns>
<rocket-card>
<h3 slot="title">Lectures</h3>
<p>The lectures will break down the concepts and materials in an engaging way with live visualizations.</p>
<p>Guillem will be walking you through the different elements of the course and giving clear illustrations of how Holochain works</p>
</rocket-card>
<rocket-card>
<h3 slot="title">Exercises</h3>
<p>Throughout the course, there are plenty of individual and group exercises along the way.</p>
<p>These exercises are built into the interactive learning materials to make sure that all of the concepts land for you as a student</p>
</rocket-card>
<rocket-card>
<h3 slot="title">Mini-hackathon</h3>
<p>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.</p>
<p>This will be using scaffolding tools and we will provide you with a few different app designs to choose from to implement.</p>
</rocket-card>
</rocket-columns>

<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>
<h2>Course Details</h2>
<rocket-columns>
<rocket-card>
<h3 slot="title">Schedule</h3>
<p>This training will run online over the course of x days.</p>
<p>
Monday:<br />
9.00 - 10.30: Live session<br />
10.30 - 10.45: Break<br />
10:45 - 12.00: Live session<br />
</p>

<h4>Course topics:</h4>
<p>
Tuesday:<br />
9.00 - 10.30: Live session<br />
10.30 - 10.45: Break<br />
10:45 - 12.00: Live session<br />
</p>

</rocket-card>
</rocket-columns>
<rocket-columns>
<rocket-card>
<h3 slot="title">Course topics</h3>
<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>

<li style="text-align: left;">Holochain fundamentals</li>
<li style="text-align: left;">Building blocks (happs, DNAs and zomes)</li>
<li style="text-align: left;">Entries & Links</li>
<li style="text-align: left;">Capabilities</li>
<li style="text-align: left;">Signals</li>
<li style="text-align: left;">Validation</li>
<li style="text-align: left;">Ecosystem overview (services, tooling & distribution)</li>
</p>
</rocket-card>
</rocket-columns>

<h4>Apply</h4>
<p>We are limiting this course to 10 participants In order to create an intimate and interactive learning environment where you as students have plenty of space to ask questions. 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>

<h2>Apply</h2>
<rocket-columns>
<rocket-card>

<p>We are limiting this course to 10 participants In order to create an intimate and interactive learning environment where you as students have plenty of space to ask questions. 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>We look forward to your participation and learning together!</p>
<span><a href="https://forms.gle/QPZ8yR4sYZvJtWH57" class="button">Apply Now!</a></span>
</rocket-card>
</rocket-columns>

<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>
<br />

<img src="../bear_circular.png" class="photo" style="max-width: 300px;" />
<p>Eric Bear is an event and community organizer with more than a decade of experience in creating learning environments. He loves creating spaces for connection and development and takes great care in helping students get set up to learn. Eric will be responsible for opening the course as well as for the closing and evaluation. </p>

<br>
<br>
<h2>Meet your instructor</h2>
<rocket-columns>
<rocket-card>
<h4 slot="title">Guillem Cordoba</h4>
<img src="../guillem_circular.png" class="photo" style="max-width: 300px;" />
<p>Guillem 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>
</rocket-card>
</rocket-columns>

<h2>Support staff</h2>
<rocket-columns>
<rocket-card>
<h4 slot="title">Viktor Zaunders</h4>
<img src="../viktor_circular.png" class="photo" style="max-width: 300px;" />
<p>Viktor 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.</p>
<p>He will be doing the support, administration and communications around the course to make sure that students have a great experience.</p>
</rocket-card>


</p>

<rocket-card>
<h4 slot="title">Eric Bear</h4>
<img src="../bear_circular.png" class="photo" style="max-width: 300px;" />
<p>Eric Bear is an event and community organizer with more than a decade of experience in creating learning environments. He loves creating spaces for connection and development and takes great care in helping students get set up to learn.</p>
<p>Eric will be responsible for opening the course as well as for the closing and evaluation. </p>
</rocket-card>
</rocket-columns>

</rocket-content-area>

</div>
</div>
<script type="module">
Expand Down
3 changes: 3 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -125,6 +125,7 @@ h2 {
}
h3 {
margin-top: 0 !important;
font-size: 36px;
}
p {
text-align: justify;
Expand Down Expand Up @@ -315,4 +316,6 @@ h4 {
border-radius: 4px;
border: none;
cursor: pointer;
text-align: center;

}

0 comments on commit f073522

Please sign in to comment.