Commit 1f9f6ad3 authored by Kaustubh Srikanth's avatar Kaustubh Srikanth
Browse files

add website content

parent a7fe5417
......@@ -4,10 +4,10 @@
<header class="masthead">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">Equip yourself with knowledge for better security online</div>
<div class="intro-heading">Learn with totem</div>
<div class="intro-lead-in">Digital Security for Activists & Journalists</div>
<div class="intro-heading">Welcome to Totem</div>
<a class="btn btn-xl js-scroll-trigger" href="#portfolio">
<span>Enroll for free </span>
<span>Explore our courses</span>
</a>
</div>
</div>
......@@ -19,8 +19,8 @@
<div class="row">
<div class="col-lg-12 text-center">
<img class="img-fluid" src="img/totem-tortoise.png" alt="Totem Tortoise">
<h2 class="section-heading">totem in a nutshell</h2>
<h3 class="section-subheading text-muted">totem is an online platform empowering journalists and activists to stay secure on the internet.</h3>
<h2 class="section-heading">What is Totem?</h2>
<h3 class="section-subheading text-muted">Totem is an online platform helping journalists and activists use digital security & privacy tools and tactics more effectively in their work.</h3>
</div>
</div>
<div class="row text-center">
......@@ -29,24 +29,24 @@
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Point 1</h4>
<p class="text-muted">explanation of how to use the platform 1: (open source?)Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h4 class="service-heading">Continous & Interactive Learning</h4>
<p class="text-muted">Totem helps security trainers and learners extend the learning experience from a few days of actual offline training into a more continuous and on-going, interactive learning environment. For example, trainers can curate courses about basic tools and concepts which the learners can enrol in and take before a face-to-face, offline training commences. Totem can also be used after a face-to-face training has concluded where learners can continue to learn advanced concepts and stay engaged with the trainers using secure communication methods provided via the platform.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Point 2</h4>
<p class="text-muted">explanation of how to use the platform 2: (free) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h4 class="service-heading">Increased Knowledge Retention</h4>
<p class="text-muted">Although very effective and extremely useful, face-to-face, offline training is limited in scope. It is often difficult for trainers and learners to exchange knowledge about evolving threats, tools and tactics after a training has concluded. Totem aims to provide a platform where both trainers can continue to exchange new knowledge about digital security and privacy with learners they have trained in the past via frequently updated curricula. This enables activists & journalists to retain & improve their knowledge about the topics that they have received previous training on.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-lock fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Point 3</h4>
<p class="text-muted">explanation of how to use the platform 3: (secure?) Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h4 class="service-heading">Community developed and supported</h4>
<p class="text-muted">The Totem team works with a global network of human rights activists, journalists and digital security trainers on an on-going basis to curate courses and curricula. The courses, including the interactive materials, are created and maintained with support from practitioners who have helped develop some of the most effective training methodology and resources aimed at supporting rights activists & journalists stay secure while using digital tools in their work.</p>
</div>
</div>
</div>
......@@ -67,7 +67,7 @@ courses = get_courses()
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Featured Courses</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
<h3 class="section-subheading text-muted"></h3>
</div>
</div>
<% courses["results"].each_slice(3) do |row| %>
......@@ -156,16 +156,18 @@ courses = get_courses()
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Background for Teachers</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
<h2 class="section-heading">Background for Trainers</h2>
<h3 class="section-subheading text-muted">How can digital security trainers effectively use Totem?</h3>
</div>
<div class="col-lg-12 text-left">
<h3>Experience Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h3>digisec educational philosophy</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h3>Onboarding of trainers and training communities</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore harum ex magni, dicta impedit.</p>
<h3>The Totem Methodology </h3>
<p>Since the project's inception in 2016, the Totem team has collaborated with a wide range of activists, digital security trainers and online education experts to develop a shared methodology and a process to help trainers create effective training curricula using the platform. We continue to support trainers use our methodology in creating new content and also adapting existing curricula into courses targeted towards a specific community of activists or journalists.</p>
<h3>Curated Course Collections</h3>
<p>Totem provides trainers the ability to pick and choose from the various courses already offered on the platform to create a "collection" of courses which may be relevant topics for a specific activist group or community.
</p>
<h3>Curricula Development Workshops & Sprints</h3>
<p>The Totem team frequently organises workshops and sprints in collaboration with various activist groups, NGOs and journalists to collaboratively develop curricula for a specific community or context.</p>
<p>If you are a civil society NGO, a digital security trainer, activist or journalist and wish to use Totem to offer specific courses to your learners, please contact us at <a href="mailto:info@totem-project.org">info@totem-project.org</a>.
</div>
</div>
</div>
......@@ -179,7 +181,7 @@ courses = get_courses()
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">About totem</h2>
<h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>
<h3 class="section-subheading text-muted"></h3>
</div>
<div class="col-sm-4 text-center">
......@@ -187,11 +189,14 @@ courses = get_courses()
</div>
<div class="col-sm-8 text-left">
<p class="text-end"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisi mauris, vehicula quis nunc non, fringilla condimentum lectus. Curabitur velit ipsum, ornare interdum enim sit amet, posuere posuere dolor. Aenean lobortis luctus felis aliquam imperdiet. Curabitur rutrum urna enim, id fringilla nisl venenatis et. Maecenas neque diam, pulvinar et tristique vel, consequat ut mi. Suspendisse viverra placerat scelerisque. Nullam maximus, magna vel ultrices tincidunt, ligula eros consequat sapien, in porta ante leo eget mauris. Nam sollicitudin neque nec dolor ullamcorper sodales. Nunc condimentum urna vel consectetur laoreet. </p>
<p>Developed in collaboration by <a href="https://greenhost.net">Greenhost</a> and <a href="https://freepressunlimited.org">Free Press Unlimited</a>, Totem is an online learning platform that offers educational courses about digital security & privacy and related tools & tactics for journalists, activists and human rights defenders in a safe, online classroom environment.
</p><p>
The Totem platform is built using the open-source OpenEdX MOOC (Massive Open Online Course) software. The platform has been carefully designed to be safe and privacy-preserving by collecting minimal data about the users and also using secure, modern encryption to prevent any eavesdropping.</p>
</div>
</div>
<!-- Timeline -->
<!--
<div class="row text-end">
<div class="col-lg-12">
<ul class="timeline">
......@@ -245,7 +250,7 @@ courses = get_courses()
</ul>
</div>
</div>
-->
<!-- about Greenhost and Free Press Unlimited-->
<div class="row">
<div class="col-sm-4 text-center">
......@@ -253,14 +258,14 @@ courses = get_courses()
</div>
<div class="col-sm-8 text-left">
<h3>About Greenhost</h3>
<p class="text-end"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisi mauris, vehicula quis nunc non, fringilla condimentum lectus. Curabitur velit ipsum, ornare interdum enim sit amet, posuere posuere dolor. Aenean lobortis luctus felis aliquam imperdiet. Curabitur rutrum urna enim, id fringilla nisl venenatis et. Maecenas neque diam, pulvinar et tristique vel, consequat ut mi. Suspendisse viverra placerat scelerisque. Nullam maximus, magna vel ultrices tincidunt, ligula eros consequat sapien, in porta ante leo eget mauris. Nam sollicitudin neque nec dolor ullamcorper sodales. Nunc condimentum urna vel consectetur laoreet. </p>
<p class="text-end"><a href="https://greenhost.net/">Greenhost</a> was founded in 2001 by Mart van Santen and Sacha van Geffen. As young researchers they developed a webhosting platform that was much more energy efficient than comparable systems. Greenhost offers a fresh approach to ICT and sustainability and also supports various projects in the fields of education, culture and journalism. We are committed to a free and open internet and the security of our users. In striving towards this goal we collaborate with a multitude of parties in the fields of: technology, journalism, culture, education and sustainability, we also develop our own software, projects and ideas.</p>
</div>
<div class="col-sm-4 text-center">
<img class="img-fluid" src="img/free-press-unlimited.png" alt="Free press unlimited logo">
</div>
<div class="col-sm-8 text-left">
<h3>About Free Press Unlimited</h3>
<p class="text-end"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisi mauris, vehicula quis nunc non, fringilla condimentum lectus. Curabitur velit ipsum, ornare interdum enim sit amet, posuere posuere dolor. Aenean lobortis luctus felis aliquam imperdiet. Curabitur rutrum urna enim, id fringilla nisl venenatis et. Maecenas neque diam, pulvinar et tristique vel, consequat ut mi. Suspendisse viverra placerat scelerisque. Nullam maximus, magna vel ultrices tincidunt, ligula eros consequat sapien, in porta ante leo eget mauris. Nam sollicitudin neque nec dolor ullamcorper sodales. Nunc condimentum urna vel consectetur laoreet. </p>
<p class="text-end"><a href="https://www.freepressunlimited.org/">Free Press Unlimited</a> is a foundation based in Amsterdam, the Netherlands. Free Press Unlimited believes that objective information can be of life-and-death importance. Free Press Unlimited helps local journalists in war zones and conflict areas to provide their audience with trustworthy news and information. The information that people need to survive and give shape to their own future.</p>
</div>
</div>
......@@ -273,8 +278,8 @@ courses = get_courses()
<div class="row">
<div class="col-lg-12 text-center">
<h2>Contact</h3>
<p>Subscribe to totem's newsletter for updates on new course offerings!</p>
<p>To subscribe, or for other questions, <a href="" id="email-address">send us an email</a>.</p>
<p>Subscribe to <a href="https://lists.ghserv.net/mailman/listinfo/totem">totem's newsletter</a> for updates on new course offerings!</p>
<p>For other questions, please <a href="" id="email-address">send us an email</a>.</p>
</div>
</div>
</div>
......
......@@ -3,10 +3,10 @@
<div class="container">
<div class="row">
<div class="col-md-4">
<span class="copyright">Copyright &copy; Greenhost NL 2017</span>
<span class="copyright">Copyright &copy; Greenhost 2017</span>
</div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<!-- <ul class="list-inline social-buttons">
<li class="list-inline-item">
<a href="#">
<i class="fa fa-twitter"></i>
......@@ -23,6 +23,7 @@
</a>
</li>
</ul>
-->
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
......
......@@ -24,10 +24,7 @@ end
<a class="nav-link js-scroll-trigger" href="<%= nav_url %>#portfolio">Featured</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="<%= nav_url %>#programmes">Programmes</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="<%= nav_url %>#forTeachers">for Teachers</a>
<a class="nav-link js-scroll-trigger" href="<%= nav_url %>#forTeachers">for Trainers</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="<%= nav_url %>#about">About</a>
......
Supports Markdown
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