You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
400 lines
16 KiB
400 lines
16 KiB
<!DOCTYPE html> |
|
<html lang="en"> |
|
|
|
<!-- ****************************** --> |
|
<!-- * Ah shit, here we go again. * --> |
|
<!-- ****************************** --> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<title>FOSC - Free Open Source Club</title> |
|
|
|
<meta name="description" content="FOSC: Hackerspace located at Universidad Politecnica de Cartagena (UPCT)"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
|
|
<link rel="stylesheet" type="text/css" href="css/main.css"> |
|
<link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet"> |
|
|
|
<script src="js/modernizer.js"></script> |
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> |
|
|
|
|
|
<!-- Massive amount of favicon related stuff --> |
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2"> |
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2"> |
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2"> |
|
<link rel="manifest" href="/site.webmanifest?v=2"> |
|
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#5bbad5"> |
|
<link rel="shortcut icon" href="/favicon.ico?v=2"> |
|
<meta name="apple-mobile-web-app-title" content="FOSC"> |
|
<meta name="application-name" content="FOSC"> |
|
<meta name="msapplication-TileColor" content="#da532c"> |
|
<meta name="theme-color" content="#ffffff"> |
|
|
|
<!-- Analytics --> |
|
<script async defer data-domain="fosc.space" src="https://plausible.fosc.space/js/plausible.js"></script> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<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://wiki.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://plausible.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> |
|
<li> |
|
<a href="https://services.fosc.space"><span class="iconify" data-icon="mdi:bookmark-plus"></span> |
|
More</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> |
|
<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="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="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://plausible.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> |
|
|
|
<div class="members" id="contact"> |
|
|
|
<h1>We're looking for new members!</h1> |
|
|
|
<div class="shape"> |
|
<div class="cmembers cmembers1"> |
|
|
|
<h4>How do I become a member?</h4> |
|
<hr> |
|
|
|
<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> |
|
|
|
</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> |
|
</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> |
|
|
|
<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> |
|
|
|
<!-- 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@17.7.0/dist/lazyload.min.js"></script> |
|
<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script> |
|
</body> |
|
|
|
</html> |