fosc/fosc.space
1
0
Fork 0
Code Issues Releases Activity
6b2f845e01
fosc.space/index.html

382 lines
15 KiB
HTML
Raw Normal View History

Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
<!DOCTYPE html>
Fix html tags
2020-03-14 23:59:13 +00:00
<html lang="en">
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
<!-- ****************************** -->
<!-- * Ah shit, here we go again. * -->
<!-- ****************************** -->
Format document
2020-03-15 01:19:50 +00:00
Fix html tags
2020-03-14 23:59:13 +00:00
<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">
Add apple touch icon (sigh)
2020-03-14 23:26:02 +00:00
Webp the backgrounds
2020-03-15 02:11:31 +00:00
<script src="js/modernizer.js"></script>
Fix html tags
2020-03-14 23:59:13 +00:00
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Modernize html structure
2020-03-14 04:05:49 +00:00
<body>
Format document
2020-03-15 01:19:50 +00:00
<header>
Modernize html structure
2020-03-14 04:05:49 +00:00
<section class="navigation">
Format document
2020-03-15 01:19:50 +00:00
<div class="nav-container">
<div class="brand">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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;">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
</div>
Format document
2020-03-15 01:19:50 +00:00
<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>
Add More... to services
2020-04-01 04:38:57 +00:00
<li>
Change icon
2020-04-01 04:42:32 +00:00
<a href="https://services.fosc.space"><span class="iconify" data-icon="mdi:bookmark-plus"></span> More</a>
Add More... to services
2020-04-01 04:38:57 +00:00
</li>
Format document
2020-03-15 01:19:50 +00:00
</ul>
</li>
</ul>
</nav>
</div>
</section>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
<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">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>Cloud</h4>
</div>
<div class="column">
<a href="https://doc.fosc.space">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>Wiki</h4>
</div>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
<div class="column">
<a href="https://rss.fosc.space">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>RSS</h4>
</div>
</div>
<div class="tabla tabla2">
<div class="column">
<a href="https://netdata.fosc.space">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>NetData</h4>
</div>
<div class="column">
<a href="https://analytics.fosc.space">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>Analytics</h4>
</div>
<div class="column">
<a href="https://git.fosc.space">
Replace old lazyload library for native lazy loading
2020-03-13 21:42:54 +00:00
<picture>
Format document
2020-03-15 01:19:50 +00:00
<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">
Webp ALL. THE. THINGS.
2020-03-13 20:53:21 +00:00
</picture>
Format document
2020-03-15 01:19:50 +00:00
</a>
<h4>Stolen Code</h4>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
</div>
</div>
Format document
2020-03-15 01:19:50 +00:00
</div>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
fix contact redirection
2020-04-14 18:58:09 +00:00
<div class="members" id="contact">
New contact region
2020-03-14 17:35:09 +00:00
Format document
2020-03-15 01:19:50 +00:00
<h1>We're looking for new members!</h1>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
<div class="shape">
<div class="cmembers cmembers1">
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
<h4>How do I become a member?</h4>
<hr>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
<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>
New contact region
2020-03-14 17:35:09 +00:00
Format document
2020-03-15 01:19:50 +00:00
</div>
New contact region
2020-03-14 17:35:09 +00:00
Format document
2020-03-15 01:19:50 +00:00
<div class="cmembers cmembers2">
Lazyload map
2020-03-14 17:43:29 +00:00
Format document
2020-03-15 01:19:50 +00:00
<h4>Tell us anything</h4>
<hr>
New contact region
2020-03-14 17:35:09 +00:00
Format document
2020-03-15 01:19:50 +00:00
<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>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
</div>
Format document
2020-03-15 01:19:50 +00:00
<div class="button">
<button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'"
id="mapButton">Or just come in</button>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
</div>
New contact region
2020-03-14 17:35:09 +00:00
</div>
Format document
2020-03-15 01:19:50 +00:00
</div>
New contact region
2020-03-14 17:35:09 +00:00
Format document
2020-03-15 01:19:50 +00:00
<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>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
</div>
Format document
2020-03-15 01:19:50 +00:00
</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>
Actualizar 'index.html'
2019-12-27 23:45:47 +00:00
</div>
Format document
2020-03-15 01:19:50 +00:00
</div>
</footer>
Modernize html structure
2020-03-14 04:05:49 +00:00
Format document
2020-03-15 01:19:50 +00:00
<!-- 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>
Actualizar 'index.html'
2019-12-27 23:28:22 +00:00
Format document
2020-03-15 01:19:50 +00:00
</html>
Reference in New Issue Copy Permalink