Commit 61b7bee6 authored by Mayel's avatar Mayel

homepage

parent 27cf71e4
......@@ -17,14 +17,7 @@
{{ partial "hero.html" . }}
{{ end }}
{{ if .Site.Params.section2 }}
{{ partial "section2.html" . }}
{{ end }}
{{ if .Site.Params.section1 }}
{{ partial "section1.html" . }}
{{ end }}
{{ if .Site.Params.section3 }}
{{ partial "section3.html" . }}
{{ end }}
......
......@@ -4,54 +4,8 @@
{{- $tiles := index $section1 "tiles" }}
{{- $tiles2 := index $section1 "tiles2" }}
<section class="section">
<div class="container">
<div class="columns">
<div class="column">
<div class="box">
<h2 class="title is-4">Join a MoodleNet instance</h2>
<p>MoodleNet is a network of independent websites for educators all running the same software. It's what's known as a <strong>federated</strong> social network. While every website is slightly different in terms of content and emphasis, being part of one is being part of the whole.</p>
<p style="margin-top: 15px;">
<div class="dropdown is-hoverable">
<div class="dropdown-trigger">
<button class="button cta rounded secondary-btn raised" aria-haspopup="true" aria-controls="dropdown-menu">
<span>Choose an instance to sign up</span>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu" role="menu">
<div class="dropdown-content">
<a href="https://home.moodle.net" class="dropdown-item">
home.moodle.net
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item">
(more coming soon...)
</a>
</div>
</div>
</div>
</p>
</div>
</div>
<div class="column">
<div class="box">
<h2 class="title is-4">Set up your own MoodleNet instance</h2>
<p>MoodleNet is Free and Open Source Software (made available under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> licence) which can federate with other MoodleNet instances and any compatible <a href="https://activitypub.rocks/">ActivityPub</a> server. We encourage you to run an instance yourself to help strengthen and increase the diversity and resiliency of the federated network.</p>
<p style="margin-top: 15px;"><a class="button cta rounded secondary-btn raised" href="https://gitlab.com/moodlenet/clients/react#deploying-moodlenet">
How to deploy an instance
</a></p>
</div>
</div>
</div>
</div>
</section>
<p>
</p>
<section id="section1" class="section section-feature-grey">
<div class="container">
<div class="title-wrapper has-text-centered">
......
......@@ -4,14 +4,60 @@
{{- $image := index $section3 "image" }}
{{- $buttonText := index $section3 "buttontext" }}
{{- $buttonLink := index $section3 "buttonlink" }}
<section class="section">
<div class="container">
<div class="columns">
<div class="column">
<div class="box">
<h2 class="title is-4">Join a MoodleNet instance</h2>
<p>MoodleNet is a network of independent websites for educators all running the same software. It's what's known as a <strong>federated</strong> social network. While every website is slightly different in terms of content and emphasis, being part of one is being part of the whole.</p>
<p style="margin-top: 15px;">
<div class="dropdown is-hoverable">
<div class="dropdown-trigger">
<button class="button secondary-btn raised" aria-haspopup="true" aria-controls="dropdown-menu">
<span>Choose an instance to sign up</span>
</button>
</div>
<div class="dropdown-menu" id="dropdown-menu" role="menu">
<div class="dropdown-content">
<a href="https://home.moodle.net" class="dropdown-item">
home.moodle.net
</a>
<hr class="dropdown-divider">
<a href="#" class="dropdown-item">
(more coming soon...)
</a>
</div>
</div>
</div>
</p>
</div>
</div>
<div class="column">
<div class="box">
<h2 class="title is-4">Set up your own MoodleNet instance</h2>
<p>MoodleNet is Free and Open Source Software (made available under the <a href="https://www.gnu.org/licenses/agpl-3.0.en.html">AGPL</a> licence) which can federate with other MoodleNet instances and any compatible <a href="https://activitypub.rocks/">ActivityPub</a> server. We encourage you to run an instance yourself to help strengthen and increase the diversity and resiliency of the federated network.</p>
<p style="margin-top: 15px;"><a class="button secondary-btn raised" href="https://gitlab.com/moodlenet/clients/react#deploying-moodlenet">
How to deploy an instance
</a></p>
</div>
</div>
</div>
</div>
</section>
<section id="section3" class="section is-medium mt-50">
<div class="container">
<div class="columns">
<div class="column mt-50 is-10 is-offset-1">
<div class="column is-10 is-offset-1">
<div class="has-text-centered">
<p>Screenshot of a community on MoodleNet</p>
<img class="" src="{{ printf "/images/%s" $image | relURL }}">
<!-- <p>Screenshot of a community on MoodleNet</p> -->
<!-- <img class="" src="{{ printf "/images/%s" $image | relURL }}"> -->
<iframe width="840" height="472" src="https://www.youtube-nocookie.com/embed/lsrcHPh77fs?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
......@@ -19,7 +65,7 @@
</div>
</section>
<section class="section section-feature-grey is-medium">
<!-- <section class="section section-feature-grey is-medium">
<div class="container">
<div class="has-text-centered">
......@@ -34,4 +80,4 @@
</p>
</div>
</section>
\ No newline at end of file
</section> -->
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment