Commit a80121e0 authored by Mayel's avatar Mayel

new icons & colour

parent 44f3076b
......@@ -51,25 +51,25 @@ params:
# subtitle: with great responsibility
tiles:
- title: Open
icon: earth-globe
icon: open
text: Open Source. Open Pedagogy. Open Content. Open to all educators to discuss, share and work together to build a better future.
# url: /open
# buttonText: Why open?
- title: Safe
icon: helmet
icon: safe
text: Secure, standards-based, and GDPR-compliant. MoodleNet communities are moderated by you and your peers, not by a single central organisation.
- title: Private
icon: secure-data
text: Share as little about yourself as you’re comfortable with, and control who sees what you post, thanks to MoodleNet’s granular privacy controls.
icon: private
text: Share as little about yourself as you’re comfortable with, and control who sees what you post, thanks to MoodleNet’s granular privacy controls.
tiles2:
- title: Ethical
icon: fist
icon: badge
text: Unlike most other platforms, MoodleNet’s business model does not involve selling user data.
- title: Transparent
icon: loupe
icon: transparent
text: Built in the open, based on suggestions from the community, with MoodleNet you are welcome to observe and participate in what happens behind the scenes.
- title: Connected
icon: network
icon: connected
text: Bringing educators together from around the world, MoodleNet exists to create new connections and strengthen existing ones.
section2:
title: Timeline of MoodleNet's development
......
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="{{ "js/fresh.js" | absURL }}"></script>
<script src="{{ "js/jquery.panelslider.min.js" | absURL }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="{{ "moodlenet.js" | absURL }}"></script>
......@@ -21,7 +21,7 @@
<h4>{{ .title }}</h4>
</div>
<div class="card-icon">
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
<img src="{{ printf "/images/illustrations/icons/%s.png" .icon | relURL }}">
</div>
<div class="card-text">
<p>{{ .text }}</p>
......@@ -44,7 +44,7 @@
<h4>{{ .title }}</h4>
</div>
<div class="card-icon">
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
<img src="{{ printf "/images/illustrations/icons/%s.png" .icon | relURL }}">
</div>
<div class="card-text">
<p>{{ .text }}</p>
......
......@@ -15,7 +15,7 @@
<article class="media icon-box">
<figure class="media-left mt-50">
<p class="image">
<img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
<img class="svg" src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
</p>
</figure>
<div class="media-content mt-50">
......
......@@ -3,11 +3,15 @@
width: auto;
margin-bottom: 10px;
}
#section2 .media-left img {
#section2 .media-left .svg {
width: 100px;
height: auto;
margin-top: 10px;
margin-right: 15px;
}
#section2 .media-left .svg path {
fill: #F39200 !important;
}
#section2 .icon-box-title img {
max-width: 18px;
......
// Run once the document is ready.
$(function () {
// in order to apply CSS to SVG images with an 'svg' class, transfer them to the DOM
$("img.svg").each(function () {
// Perf tip: Cache the image as jQuery object so that we don't use the selector muliple times.
var $img = jQuery(this);
// Get all the attributes.
var attributes = $img.prop("attributes");
// Get the image's URL.
var imgURL = $img.attr("src");
// Fire an AJAX GET request to the URL.
$.get(imgURL, function (data) {
// The data you get includes the document type definition, which we don't need.
// We are only interested in the <svg> tag inside that.
var $svg = $(data).find('svg');
// Remove any invalid XML tags as per http://validator.w3.org
$svg = $svg.removeAttr('xmlns:a');
// Loop through original image's attributes and apply on SVG
$.each(attributes, function() {
$svg.attr(this.name, this.value);
});
// Replace image with new SVG
$img.replaceWith($svg);
});
});
});
\ 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