fosc
/
fosc.space
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Format document

master
Pablo Moyano 12 months ago
parent
4bc510ca2e
commit
0860968446
1 changed files with 317 additions and 309 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 626
      index.html

626
index.html
View File

@ -4,7 +4,7 @@
<!-- ****************************** -->
<!-- * Ah shit, here we go again. * -->
<!-- ****************************** -->
<head>
<meta charset="utf-8">
<title>FOSC - Free Open Source Club</title>
@ -20,351 +20,359 @@
<body>
<header>
<header>
<section class="navigation">
<div class="nav-container">
<div class="brand">
<picture>
<source type="image/webp" data-srcset="img/Logo-invert.webp">
<source type="image/png" data-srcset="img/Logo-invert.png">
<img alt="FOSC Logo" class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
</picture>
</div>
<nav>
<div class="nav-mobile"><span id="nav-toggle" href="#!"><span></span></span></div>
<ul class="nav-list">
<li>
<a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>
</li>
<li>
<a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>
</li>
<li>
<a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>
</li>
<li>
<a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>
</li>
<li>
<a href="#!"><span class="iconify" data-icon="mdi:cogs"></span> Services</a>
<ul class="nav-dropdown">
<li>
<a href="https://cloud.fosc.space"><span class="iconify" data-icon="mdi:cloud"></span> Cloud</a>
</li>
<li>
<a href="https://doc.fosc.space"><span class="iconify" data-icon="mdi:text"></span> Wiki</a>
</li>
<li>
<a href="https://rss.fosc.space"><span class="iconify" data-icon="mdi:rss"></span> RSS</a>
</li>
<li>
<a href="https://netdata.fosc.space"><span class="iconify" data-icon="mdi:finance"></span> NetData</a>
</li>
<li>
<a href="https://analytics.fosc.space"><span class="iconify" data-icon="mdi:google-analytics"></span> Analytics</a>
</li>
<li>
<a href="https://git.fosc.space"><span class="iconify" data-icon="mdi:git"></span> Stolen Code</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<script>
(function($) {
$(function() { // DOM ready
// If a link has a dropdown, add sub menu toggle.
$('nav ul li a:not(:only-child)').click(function(e) {
$(this).siblings('.nav-dropdown').toggle();
// Close one dropdown when selecting another
$('.nav-dropdown').not($(this).siblings()).hide();
e.stopPropagation();
});
// Clicking away from dropdown will remove the dropdown class
$('html').click(function() {
$('.nav-dropdown').hide();
});
// Toggle open and close nav styles on click
$('#nav-toggle').click(function() {
$('nav ul').slideToggle();
});
// Hamburger to X toggle
$('#nav-toggle').on('click', function() {
this.classList.toggle('active');
});
}); // end DOM ready
})(jQuery);
</script>
</header>
<div class="hero">
<h1>Welcome to <span class="color">FOSC</span></h1>
<h3>Hackerspace located at Polytechnic University of Cartagena</h3>
<hr>
</div>
<div class="fosc">
<h1>What is FOSC?</h1>
<hr>
<h3>We are a student association focused on expanding free software and hacker culture</h3>
</div>
<div class="bgallery">
<div class="gallery">
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/junction2018.webp">
<source type="image/jpeg" data-srcset="img/junction2018.jpg">
<img class="lazy" data-src="img/junction2018.jpg" alt="Winners at Junction 2018">
</picture>
<picture>
<source type="image/webp" data-srcset="img/santi.webp">
<source type="image/jpeg" data-srcset="img/santi.jpg">
<img class="lazy" data-src="img/santi.jpg" alt="Explaining MCU glitching at Makers Murcia">
</picture>
<picture>
<source type="image/webp" data-srcset="img/kids.webp">
<source type="image/jpeg" data-srcset="img/kids.jpg">
<img class="lazy" data-src="img/kids.jpg" alt="Showing 3D printing at Semana de la Ciencia">
</picture>
<div class="nav-container">
<div class="brand">
<picture>
<source type="image/webp" data-srcset="img/sec.webp">
<source type="image/jpeg" data-srcset="img/sec.jpg">
<img class="lazy" data-src="img/sec.jpg" alt="More Semana de la Ciencia">
<source type="image/webp" data-srcset="img/Logo-invert.webp">
<source type="image/png" data-srcset="img/Logo-invert.png">
<img alt="FOSC Logo" class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
</picture>
<picture>
<source type="image/webp" data-srcset="img/junction2018-1.webp">
<source type="image/jpeg" data-srcset="img/junction2018-1.jpg">
<img class="lazy" data-src="img/junction2018-1.jpg" alt="Hacking at Junction 2018">
</picture>
</div>
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/app.webp">
<source type="image/jpeg" data-srcset="img/app.jpg">
<img class="lazy" data-src="img/app.jpg" alt="Speaking for Puertas Violetas app">
</picture>
<picture>
<source type="image/webp" data-srcset="img/bitup.webp">
<source type="image/jpeg" data-srcset="img/bitup.jpg">
<img class="lazy" data-src="img/bitup.jpg" alt="Giving an ESP32 hacking talk at BITUP 2019">
</picture>
<picture>
<source type="image/webp" data-srcset="img/soldadura.webp">
<source type="image/jpeg" data-srcset="img/soldadura.jpg">
<img class="lazy" data-src="img/soldadura.jpg" alt="Learning to solder">
</picture>
<picture>
<source type="image/webp" data-srcset="img/hacking.webp">
<source type="image/jpeg" data-srcset="img/hacking.jpg">
<img class="lazy" data-src="img/hacking.jpg" alt="Installing Coreboot open firmware into a Thinkpad x230">
</picture>
<picture>
<source type="image/webp" data-srcset="img/junction2019-1.webp">
<source type="image/jpeg" data-srcset="img/junction2019-1.jpg">
<img class="lazy" data-src="img/junction2019-1.jpg" alt="Posing at Junction 2019">
</picture>
</div>
<nav>
<div class="nav-mobile"><span id="nav-toggle" href="#!"><span></span></span></div>
<ul class="nav-list">
<li>
<a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>
</li>
<li>
<a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>
</li>
<li>
<a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>
</li>
<li>
<a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>
</li>
<li>
<a href="#!"><span class="iconify" data-icon="mdi:cogs"></span> Services</a>
<ul class="nav-dropdown">
<li>
<a href="https://cloud.fosc.space"><span class="iconify" data-icon="mdi:cloud"></span> Cloud</a>
</li>
<li>
<a href="https://doc.fosc.space"><span class="iconify" data-icon="mdi:text"></span> Wiki</a>
</li>
<li>
<a href="https://rss.fosc.space"><span class="iconify" data-icon="mdi:rss"></span> RSS</a>
</li>
<li>
<a href="https://netdata.fosc.space"><span class="iconify" data-icon="mdi:finance"></span> NetData</a>
</li>
<li>
<a href="https://analytics.fosc.space"><span class="iconify" data-icon="mdi:google-analytics"></span>
Analytics</a>
</li>
<li>
<a href="https://git.fosc.space"><span class="iconify" data-icon="mdi:git"></span> Stolen Code</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</section>
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/pepemod.webp">
<source type="image/jpeg" data-srcset="img/pepemod.jpg">
<img class="lazy" data-src="img/pepemod.jpg" alt="Soldering Nitrocaster's adapter board to a Thinkpad x230">
</picture>
<picture>
<source type="image/webp" data-srcset="img/atresmedia.webp">
<source type="image/jpeg" data-srcset="img/atresmedia.jpg">
<img class="lazy" data-src="img/atresmedia.jpg" alt="Having fun in Atresmedia">
</picture>
<script>
(function ($) {
$(function () { // DOM ready
// If a link has a dropdown, add sub menu toggle.
$('nav ul li a:not(:only-child)').click(function (e) {
$(this).siblings('.nav-dropdown').toggle();
// Close one dropdown when selecting another
$('.nav-dropdown').not($(this).siblings()).hide();
e.stopPropagation();
});
// Clicking away from dropdown will remove the dropdown class
$('html').click(function () {
$('.nav-dropdown').hide();
});
// Toggle open and close nav styles on click
$('#nav-toggle').click(function () {
$('nav ul').slideToggle();
});
// Hamburger to X toggle
$('#nav-toggle').on('click', function () {
this.classList.toggle('active');
});
}); // end DOM ready
})(jQuery);
</script>
</header>
<div class="hero">
<h1>Welcome to <span class="color">FOSC</span></h1>
<h3>Hackerspace located at Polytechnic University of Cartagena</h3>
<hr>
</div>
<div class="fosc">
<h1>What is FOSC?</h1>
<hr>
<h3>We are a student association focused on expanding free software and hacker culture</h3>
</div>
<div class="bgallery">
<div class="gallery">
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/junction2018.webp">
<source type="image/jpeg" data-srcset="img/junction2018.jpg">
<img class="lazy" data-src="img/junction2018.jpg" alt="Winners at Junction 2018">
</picture>
<picture>
<source type="image/webp" data-srcset="img/santi.webp">
<source type="image/jpeg" data-srcset="img/santi.jpg">
<img class="lazy" data-src="img/santi.jpg" alt="Explaining MCU glitching at Makers Murcia">
</picture>
<picture>
<source type="image/webp" data-srcset="img/kids.webp">
<source type="image/jpeg" data-srcset="img/kids.jpg">
<img class="lazy" data-src="img/kids.jpg" alt="Showing 3D printing at Semana de la Ciencia">
</picture>
<picture>
<source type="image/webp" data-srcset="img/sec.webp">
<source type="image/jpeg" data-srcset="img/sec.jpg">
<img class="lazy" data-src="img/sec.jpg" alt="More Semana de la Ciencia">
</picture>
<picture>
<source type="image/webp" data-srcset="img/junction2018-1.webp">
<source type="image/jpeg" data-srcset="img/junction2018-1.jpg">
<img class="lazy" data-src="img/junction2018-1.jpg" alt="Hacking at Junction 2018">
</picture>
</div>
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/app.webp">
<source type="image/jpeg" data-srcset="img/app.jpg">
<img class="lazy" data-src="img/app.jpg" alt="Speaking for Puertas Violetas app">
</picture>
<picture>
<source type="image/webp" data-srcset="img/bitup.webp">
<source type="image/jpeg" data-srcset="img/bitup.jpg">
<img class="lazy" data-src="img/bitup.jpg" alt="Giving an ESP32 hacking talk at BITUP 2019">
</picture>
<picture>
<source type="image/webp" data-srcset="img/soldadura.webp">
<source type="image/jpeg" data-srcset="img/soldadura.jpg">
<img class="lazy" data-src="img/soldadura.jpg" alt="Learning to solder">
</picture>
<picture>
<source type="image/webp" data-srcset="img/hacking.webp">
<source type="image/jpeg" data-srcset="img/hacking.jpg">
<img class="lazy" data-src="img/hacking.jpg" alt="Installing Coreboot open firmware into a Thinkpad x230">
</picture>
<picture>
<source type="image/webp" data-srcset="img/junction2019-1.webp">
<source type="image/jpeg" data-srcset="img/junction2019-1.jpg">
<img class="lazy" data-src="img/junction2019-1.jpg" alt="Posing at Junction 2019">
</picture>
</div>
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/pepemod.webp">
<source type="image/jpeg" data-srcset="img/pepemod.jpg">
<img class="lazy" data-src="img/pepemod.jpg" alt="Soldering Nitrocaster's adapter board to a Thinkpad x230">
</picture>
<picture>
<source type="image/webp" data-srcset="img/atresmedia.webp">
<source type="image/jpeg" data-srcset="img/atresmedia.jpg">
<img class="lazy" data-src="img/atresmedia.jpg" alt="Having fun in Atresmedia">
</picture>
<picture>
<source type="image/webp" data-srcset="img/junction2019.webp">
<source type="image/jpeg" data-srcset="img/junction2019.jpg">
<img class="lazy" data-src="img/junction2019.jpg" alt="Hacking at Junction 2019">
</picture>
<picture>
<source type="image/webp" data-srcset="img/printer3d.webp">
<source type="image/jpeg" data-srcset="img/printer3d.jpg">
<img class="lazy" data-src="img/printer3d-1.jpg" alt="3D printer, 3D printing">
</picture>
</div>
<div class="column-gallery">
<picture>
<source type="image/webp" data-srcset="img/flp1.webp">
<source type="image/jpeg" data-srcset="img/flp1.jpg">
<img class="lazy" data-src="img/flp1.jpg" alt="First FOSC LAN Party">
</picture>
<picture>
<source type="image/webp" data-srcset="img/soldadura1.webp">
<source type="image/jpeg" data-srcset="img/soldadura1.jpg">
<img class="lazy" data-src="img/soldadura1.jpg" alt="Soldering workshop">
</picture>
<picture>
<source type="image/webp" data-srcset="img/nn1.webp">
<source type="image/jpeg" data-srcset="img/nn1.jpg">
<img class="lazy" data-src="img/nn1.jpg" alt="Giving an open firmware talk at Navaja Negra 2019">
</picture>
<picture>
<source type="image/webp" data-srcset="img/fosc2.webp">
<source type="image/jpeg" data-srcset="img/fosc2.jpg">
<img class="lazy" data-src="img/fosc2-1.jpg" alt="Showing some stuff during Cable Amarillo">
</picture>
</div>
</div>
</div>
<div class="mgallery">
<h3>Linux, hackathons, courses, talks, server systems administration, open software, firmware and hardware!</h3>
</div>
<div id="services">
<div class="services">
<h1>OUR SERVICES</h1>
<p>We believe in self hosting! Our members can enjoy many different applications which run from our servers.</p>
<p>Here we show a few ones, but there are much more.</p>
</div>
<div class="tabla">
<div class="column">
<a href="https://cloud.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/junction2019.webp">
<source type="image/jpeg" data-srcset="img/junction2019.jpg">
<img class="lazy" data-src="img/junction2019.jpg" alt="Hacking at Junction 2019">
<source type="image/webp" data-srcset="icons/cloud-computing.webp">
<source type="image/png" data-srcset="icons/cloud-computing.png">
<img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
</picture>
</a>
<h4>Cloud</h4>
</div>
<div class="column">
<a href="https://doc.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/printer3d.webp">
<source type="image/jpeg" data-srcset="img/printer3d.jpg">
<img class="lazy" data-src="img/printer3d-1.jpg" alt="3D printer, 3D printing">
<source type="image/webp" data-srcset="icons/book.webp">
<source type="image/png" data-srcset="icons/book.png">
<img class="lazy" data-src="icons/book.png" alt="Wiki">
</picture>
</div>
</a>
<h4>Wiki</h4>
</div>
<div class="column-gallery">
<div class="column">
<a href="https://rss.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/flp1.webp">
<source type="image/jpeg" data-srcset="img/flp1.jpg">
<img class="lazy" data-src="img/flp1.jpg" alt="First FOSC LAN Party">
<source type="image/webp" data-srcset="icons/rss2.webp">
<source type="image/png" data-srcset="icons/rss2.png">
<img class="lazy" data-src="icons/rss2.png" alt="RSS">
</picture>
</a>
<h4>RSS</h4>
</div>
</div>
<div class="tabla tabla2">
<div class="column">
<a href="https://netdata.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/soldadura1.webp">
<source type="image/jpeg" data-srcset="img/soldadura1.jpg">
<img class="lazy" data-src="img/soldadura1.jpg" alt="Soldering workshop">
<source type="image/webp" data-srcset="icons/chart.webp">
<source type="image/png" data-srcset="icons/chart.png">
<img class="lazy" data-src="icons/chart.png" alt="NetData">
</picture>
</a>
<h4>NetData</h4>
</div>
<div class="column">
<a href="https://analytics.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/nn1.webp">
<source type="image/jpeg" data-srcset="img/nn1.jpg">
<img class="lazy" data-src="img/nn1.jpg" alt="Giving an open firmware talk at Navaja Negra 2019">
<source type="image/webp" data-srcset="icons/analytics.webp">
<source type="image/png" data-srcset="icons/analytics.png">
<img class="lazy" data-src="icons/analytics.png" alt="Analytics">
</picture>
</a>
<h4>Analytics</h4>
</div>
<div class="column">
<a href="https://git.fosc.space">
<picture>
<source type="image/webp" data-srcset="img/fosc2.webp">
<source type="image/jpeg" data-srcset="img/fosc2.jpg">
<img class="lazy" data-src="img/fosc2-1.jpg" alt="Showing some stuff during Cable Amarillo">
<source type="image/webp" data-srcset="icons/gitea.webp">
<source type="image/png" data-srcset="icons/gitea.png">
<img class="lazy" data-src="icons/gitea.png" alt="Gitea">
</picture>
</div>
</a>
<h4>Stolen Code</h4>
</div>
</div>
</div>
<div class="mgallery">
<h3>Linux, hackathons, courses, talks, server systems administration, open software, firmware and hardware!</h3>
</div>
<div id="services">
<div class="services">
<h1>OUR SERVICES</h1>
<p>We believe in self hosting! Our members can enjoy many different applications which run from our servers.</p>
<div class="members lazy" id="contact" data-bg="url(img/flp-dark.jpg)">
<p>Here we show a few ones, but there are much more.</p>
</div>
<h1>We're looking for new members!</h1>
<div class="tabla">
<div class="column">
<a href="https://cloud.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/cloud-computing.webp">
<source type="image/png" data-srcset="icons/cloud-computing.png">
<img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
</picture>
</a>
<h4>Cloud</h4>
</div>
<div class="column">
<a href="https://doc.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/book.webp">
<source type="image/png" data-srcset="icons/book.png">
<img class="lazy" data-src="icons/book.png" alt="Wiki">
</picture>
</a>
<h4>Wiki</h4>
</div>
<div class="column">
<a href="https://rss.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/rss2.webp">
<source type="image/png" data-srcset="icons/rss2.png">
<img class="lazy" data-src="icons/rss2.png" alt="RSS">
</picture>
</a>
<h4>RSS</h4>
</div>
</div>
<div class="shape">
<div class="cmembers cmembers1">
<div class="tabla tabla2">
<div class="column">
<a href="https://netdata.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/chart.webp">
<source type="image/png" data-srcset="icons/chart.png">
<img class="lazy" data-src="icons/chart.png" alt="NetData">
</picture>
</a>
<h4>NetData</h4>
</div>
<div class="column">
<a href="https://analytics.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/analytics.webp">
<source type="image/png" data-srcset="icons/analytics.png">
<img class="lazy" data-src="icons/analytics.png" alt="Analytics">
</picture>
</a>
<h4>Analytics</h4>
</div>
<div class="column">
<a href="https://git.fosc.space">
<picture>
<source type="image/webp" data-srcset="icons/gitea.webp">
<source type="image/png" data-srcset="icons/gitea.png">
<img class="lazy" data-src="icons/gitea.png" alt="Gitea">
</picture>
</a>
<h4>Stolen Code</h4>
</div>
</div>
</div>
<h4>How do I become a member?</h4>
<hr>
<div class="members lazy" id="contact" data-bg="url(img/flp-dark.jpg)">
<p>You become a member by either coming to our physical hackerspace often<br><br>
If you've been coming a lot to the space, it's likely that you will be asked to become a formal
member.<br><br>
<b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>
</p>
<h1>We're looking for new members!</h1>
</div>
<div class="shape">
<div class="cmembers cmembers1">
<h4>How do I become a member?</h4>
<hr>
<div class="cmembers cmembers2">
<p>You become a member by either coming to our physical hackerspace often<br><br>
If you've been coming a lot to the space, it's likely that you will be asked to become a formal member.<br><br>
<b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>
</p>
<h4>Tell us anything</h4>
<hr>
<div class="contact_methods">
<p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a
href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
<br>
<p><span class="iconify" data-icon="mdi:email" style="color: #f32821;"></span> <a
href="mailto:contact@fosc.space">Send us an email</a></p>
</div>
<div class="cmembers cmembers2">
<h4>Tell us anything</h4>
<hr>
<div class="contact_methods">
<p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
<br>
<p><span class="iconify" data-icon="mdi:email" style="color: #f32821;"></span> <a href="mailto:contact@fosc.space">Send us an email</a></p>
</div>
<div class="button">
<button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'" id="mapButton">Or just come in</button>
</div>
<div class="button">
<button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'"
id="mapButton">Or just come in</button>
</div>
</div>
<div class="map">
<iframe id="map" title="Map view of our location" frameborder="0" allowfullscreen class="lazy" data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076"></iframe>
</div>
</div>
<div class="map">
<iframe id="map" title="Map view of our location" frameborder="0" allowfullscreen class="lazy"
data-src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1580.5054989176758!2d-0.9796837724532329!3d37.60190018337746!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6341863c83cf8f%3A0xe24278be476b56b8!2sFOSC!5e0!3m2!1ses!2ses!4v1544058887076"></iframe>
</div>
<footer>
<hr>
<div class="foot-logo">
<picture>
<source type="image/webp" data-srcset="img/Logo-invert.webp">
<source type="image/png" data-srcset="img/Logo-invert.png">
<img class="lazy" data-src="img/Logo-invert.png" alt="FOSC Logo">
</picture>
<a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a>
<div class="author">
<p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a>.</p>
</div>
</div>
<footer>
<hr>
<div class="foot-logo">
<picture>
<source type="image/webp" data-srcset="img/Logo-invert.webp">
<source type="image/png" data-srcset="img/Logo-invert.png">
<img class="lazy" data-src="img/Logo-invert.png" alt="FOSC Logo">
</picture>
<a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a>
<div class="author">
<p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a
href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a
href="https://www.flaticon.com/">www.flaticon.com</a>.</p>
</div>
</footer>
</div>
</footer>
<!-- With the DOM ready, lazyload all pics and swap all icons -->
<script>
window.lazyLoadOptions = {
elements_selector: ".lazy"
};
</script>
<script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
<script async src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
</body>
<!-- With the DOM ready, lazyload all pics and swap all icons -->
<script>
window.lazyLoadOptions = {
elements_selector: ".lazy"
};
</script>
<script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
<script async src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
</body>
</html>
</html>
Write Preview
Loading…
Cancel
Save