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

Actualizar 'index.html'

Browse Source
This commit is contained in:
Gilson Javier 2019-12-27 23:28:22 +00:00
parent e2f941d1a4
commit cc6f48bea7
1 changed files with 193 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

386
index.html
View File

@ -1,193 +1,193 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- ****************************** --> <!-- ****************************** -->
<!-- * Ah shit, here we go again. * --> <!-- * Ah shit, here we go again. * -->
<!-- ****************************** --> <!-- ****************************** -->
<!-- Hi guys, this document is for the FOSC website. You probably already know that, otherwise you can visit him here "https://fosc.space/" --> <!-- Hi guys, this document is for the FOSC website. You probably already know that, otherwise you can visit him here "https://fosc.space/" -->
<!-- First, I'm sorry if there's any mistake, I'm not an expert yet. --> <!-- First, I'm sorry if there's any mistake, I'm not an expert yet. -->
<!-- Second, this document is free, so you can see it, use it and modify it as you wish. --> <!-- Second, this document is free, so you can see it, use it and modify it as you wish. -->
<!-- Finally, the document is divided into parts for better reading. The style pages and scripts are in different documents. The google fonts and others icons are linked in head section. --> <!-- Finally, the document is divided into parts for better reading. The style pages and scripts are in different documents. The google fonts and others icons are linked in head section. -->
<!-- That's all, thank you. --> <!-- That's all, thank you. -->
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="description" content="FOSC, Hackerspace from Cartagena"> <meta name="description" content="FOSC, Hackerspace from Cartagena">
<meta name="keywords" content="Open Source, Free Software, Linux, Hackerspace, Foss"> <meta name="keywords" content="Open Source, Free Software, Linux, Hackerspace, Foss">
<meta name="author" content="FOSC"> <meta name="author" content="FOSC">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="cs.css"> <link rel="stylesheet" type="text/css" href="cs.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<title>FOSC - Free Open Source Club</title> <title>FOSC - Free Open Source Club</title>
<script src="js/main.js"></script> <script src="js/main.js"></script>
</head> </head>
<header> <header>
<nav> <nav>
<input type="checkbox" id="check"> <input type="checkbox" id="check">
<label for="check" class="checkbtn"> <label for="check" class="checkbtn">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</label> </label>
<label class="logo"> <label class="logo">
<img class="lazy" data-src="img/Logo-invert-92.png"> <img class="lazy" data-src="img/Logo-invert-92.png">
</label> </label>
<ul> <ul>
<li><a class="active" href="https://fosc.space/"><i class="fa fa-home"></i>Home</a></li> <li><a class="active" href="https://fosc.space/"><i class="fa fa-home"></i>Home</a></li>
<li><a href="https://blog.fosc.space"><i class="fa fa-book"></i>Blog</a></li> <li><a href="https://blog.fosc.space"><i class="fa fa-book"></i>Blog</a></li>
<li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li> <li><a href="#services"><i class="fa fa-cogs"></i>Services</a></li>
<li><a href="https://gallery.fosc.space"><i class="fa fa-image"></i>Gallery</a></li> <li><a href="https://gallery.fosc.space"><i class="fa fa-image"></i>Gallery</a></li>
<li><a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a></li> <li><a href="https://download.fosc.space"><i class="fa fa-download"></i>Donwloads</a></li>
<li><a href="#contact"><i class="fa fa-user"></i>Contact</a></li> <li><a href="#contact"><i class="fa fa-user"></i>Contact</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
<body> <body>
<div class="hero"> <div class="hero">
<h1>Welcome to <span class="color">FOSC</span></h1> <h1>Welcome to <span class="color">FOSC</span></h1>
<h3>Hackerspace located at Polytechnic University of Cartagena</h3> <h3>Hackerspace located at Polytechnic University of Cartagena</h3>
<hr> <hr>
</div> </div>
<div class="fosc"> <div class="fosc">
<h1>What is FOSC?</h1> <h1>What is FOSC?</h1>
<hr> <hr>
<h3>We are a student association focused on expanding free software and hacker culture</h3> <h3>We are a student association focused on expanding free software and hacker culture</h3>
</div> </div>
<div class="bgallery"> <div class="bgallery">
<div class="gallery"> <div class="gallery">
<div class="column-gallery"> <div class="column-gallery">
<img class="lazy" data-src="img/junction2018.jpg"> <img class="lazy" data-src="img/junction2018.jpg">
<img class="lazy" data-src="img/santi.jpg"> <img class="lazy" data-src="img/santi.jpg">
<img class="lazy" data-src="img/kids.jpg"> <img class="lazy" data-src="img/kids.jpg">
<img class="lazy" data-src="img/sec.jpg"> <img class="lazy" data-src="img/sec.jpg">
<img class="lazy" data-src="img/junction2018-1.jpg"> <img class="lazy" data-src="img/junction2018-1.jpg">
</div> </div>
<div class="column-gallery"> <div class="column-gallery">
<img class="lazy" data-src="img/app.jpg"> <img class="lazy" data-src="img/app.jpg">
<img class="lazy" data-src="img/bitup.jpg"> <img class="lazy" data-src="img/bitup.jpg">
<img class="lazy" data-src="img/soldadura.jpg"> <img class="lazy" data-src="img/soldadura.jpg">
<img class="lazy" data-src="img/hacking.jpg"> <img class="lazy" data-src="img/hacking.jpg">
<img class="lazy" data-src="img/junction2019-1.jpg"> <img class="lazy" data-src="img/junction2019-1.jpg">
</div> </div>
<div class="column-gallery"> <div class="column-gallery">
<img class="lazy" data-src="img/pepemod.jpg"> <img class="lazy" data-src="img/pepemod.jpg">
<img class="lazy" data-src="img/atresmedia.jpg"> <img class="lazy" data-src="img/atresmedia.jpg">
<img class="lazy" data-src="img/junction2019.jpg"> <img class="lazy" data-src="img/junction2019.jpg">
<img class="lazy" data-src="img/printer3d.jpg"> <img class="lazy" data-src="img/printer3d.jpg">
</div> </div>
<div class="column-gallery"> <div class="column-gallery">
<img class="lazy" data-src="img/flp1.jpg"> <img class="lazy" data-src="img/flp1.jpg">
<img class="lazy" data-src="img/soldadura1.jpg"> <img class="lazy" data-src="img/soldadura1.jpg">
<img class="lazy" data-src="img/nn1.jpg"> <img class="lazy" data-src="img/nn1.jpg">
<img class="lazy" data-src="img/fosc2.jpg"> <img class="lazy" data-src="img/fosc2.jpg">
</div> </div>
</div> </div>
</div> </div>
<div class="mgallery"> <div class="mgallery">
<h3>Development of free software projects, realization of courses of various technologies, maintenance of a server to provide services both inside and outside the association, dissemination of talks, job offers and any other information of interest to the partners.</h3> <h3>Development of free software projects, realization of courses of various technologies, maintenance of a server to provide services both inside and outside the association, dissemination of talks, job offers and any other information of interest to the partners.</h3>
</div> </div>
<div id="services"> <div id="services">
<div class="services"> <div class="services">
<h1>OUR SERVICES</h1> <h1>OUR SERVICES</h1>
<p>Formal members are stored in our member database and have access to the multitude of services we provide. Check out our list of services below. Additionally, the tools and materials in the space are available for you to hack and mess with.</p> <p>Formal members are stored in our member database and have access to the multitude of services we provide. Check out our list of services below. Additionally, the tools and materials in the space are available for you to hack and mess with.</p>
</div> </div>
<div class="tabla"> <div class="tabla">
<div class="column"> <div class="column">
<a href="https://cloud.fosc.space"> <a href="https://cloud.fosc.space">
<img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud"> <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">
</a> </a>
<h4>Cloud</h4> <h4>Cloud</h4>
</div> </div>
<div class="column"> <div class="column">
<a href="https://doc.fosc.space"> <a href="https://doc.fosc.space">
<img class="lazy" data-src="icons/book.png" alt="Wiki"> <img class="lazy" data-src="icons/book.png" alt="Wiki">
</a> </a>
<h4>Wiki</h4> <h4>Wiki</h4>
</div> </div>
<div class="column"> <div class="column">
<a href="https://rss.fosc.space"> <a href="https://rss.fosc.space">
<img class="lazy" data-src="icons/rss2.png" alt="RSS"> <img class="lazy" data-src="icons/rss2.png" alt="RSS">
</a> </a>
<h4>RSS</h4> <h4>RSS</h4>
</div> </div>
</div> </div>
<div class="tabla tabla2"> <div class="tabla tabla2">
<div class="column"> <div class="column">
<a href="https://netdata.fosc.space"> <a href="https://netdata.fosc.space">
<img class="lazy" data-src="icons/files.png" alt="NetData"> <img class="lazy" data-src="icons/chart.png" alt="NetData">
</a> </a>
<h4>NetData</h4> <h4>NetData</h4>
</div> </div>
<div class="column"> <div class="column">
<a href="https://analytics.fosc.space"> <a href="https://analytics.fosc.space">
<img class="lazy" data-src="icons/analytics.png" alt="Analytics"> <img class="lazy" data-src="icons/analytics.png" alt="Analytics">
</a> </a>
<h4>Analytics</h4> <h4>Analytics</h4>
</div> </div>
<div class="column"> <div class="column">
<a href="https://git.fosc.space"> <a href="https://git.fosc.space">
<img class="lazy" data-src="icons/gitea.png" alt="Gitea"> <img class="lazy" data-src="icons/gitea.png" alt="Gitea">
</a> </a>
<h4>Stolen Code</h4> <h4>Stolen Code</h4>
</div> </div>
</div> </div>
</div> </div>
<div class="members" id="contact"> <div class="members" id="contact">
<div class="shape"> <div class="shape">
<div class="cmembers cmembers1"> <div class="cmembers cmembers1">
<h4>How do I become a member?</h4> <h4>How do I become a member?</h4>
<hr> <hr>
<p>You become a member by either coming to our physical hackerspace often, or patronizing it.<br><br> <p>You become a member by either coming to our physical hackerspace often, or patronizing it.<br><br>
If the lights are on, you are free to come and hack inside.<br><br> If the lights are on, you are free to come and hack inside.<br><br>
<span>Even if you are not a member you are welcome to come in anytime.</span><br><br> <span>Even if you are not a member you are welcome to come in anytime.</span><br><br>
Becoming a member is less of a legal process and more of a trust process, there is no way to become a member without being accepted by others in the group.<br><br> Becoming a member is less of a legal process and more of a trust process, there is no way to become a member without being accepted by others in the group.<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.</p> If you've been coming a lot to the space, it's likely that you will be asked to become a formal member.</p>
</div> </div>
<div class="cmembers cmembers2"> <div class="cmembers cmembers2">
<h4>We're looking for new members, students are specially welcome</h4> <h4>We're looking for new members, students are specially welcome</h4>
<hr> <hr>
<div class="twitter"> <div class="twitter">
<p>Contact with us on Twitter<a href="https://twitter.com/foscupct" class="fa fa-twitter"></a></p> <p>Contact with us on Twitter<a href="https://twitter.com/foscupct" class="fa fa-twitter"></a></p>
</div> </div>
<div class="button"> <div class="button">
<button onclick="loadMap()" id="mapButton">Or just come in</button> <button onclick="loadMap()" id="mapButton">Or just come in</button>
</div> </div>
<div class="map"> <div class="map">
<iframe id="map" frameborder="0" style="border:0" allowfullscreen></iframe> <iframe id="map" frameborder="0" style="border:0" allowfullscreen></iframe>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </body>
<footer> <footer>
<hr> <hr>
<div class="foot-logo"> <div class="foot-logo">
<img class="lazy" data-src="img/Logo-invert.png"> <img class="lazy" data-src="img/Logo-invert.png">
<a href="https://git.fosc.space/fosc/fosc.space">CODE OF THIS WEBSITE</a> <a href="https://git.fosc.space/fosc/fosc.space">CODE OF THIS WEBSITE</a>
<p>Thank you a www.flaticon.es, you can see more about them <a href="https://www.flaticon.es/">here</a>.</p> <p>Thank you a www.flaticon.es, you can see more about them <a href="https://www.flaticon.es/">here</a>.</p>
</div> </div>
</footer> </footer>
</html> </html>