fosc
/
fosc.space
1
0
Fork 0
Code Issues 0 Releases 0 Activity
Our webpage
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.
107 Commits
1 Branch
33MB
Branch: master
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'master'
${ noResults }
fosc.space/index.html

400 lines
16KB
Raw Permalink Blame History 

  1. <!DOCTYPE html>

  2. <html lang="en">

  3. 

  4. <!-- ****************************** -->

  5. <!-- * Ah shit, here we go again. * -->

  6. <!-- ****************************** -->

  7. 

  8. <head>

  9.   <meta charset="utf-8">

  10.   <title>FOSC - Free Open Source Club</title>

  11. 

  12.   <meta name="description" content="FOSC: Hackerspace located at Universidad Politecnica de Cartagena (UPCT)">

  13.   <meta name="viewport" content="width=device-width, initial-scale=1">

  14. 

  15.   <link rel="stylesheet" type="text/css" href="css/main.css">

  16.   <link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">

  17. 

  18.   <script src="js/modernizer.js"></script>

  19.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

  20. 

  21. 

  22.   <!-- Massive amount of favicon related stuff -->

  23.   <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=2">

  24.   <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=2">

  25.   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=2">

  26.   <link rel="manifest" href="/site.webmanifest?v=2">

  27.   <link rel="mask-icon" href="/safari-pinned-tab.svg?v=2" color="#5bbad5">

  28.   <link rel="shortcut icon" href="/favicon.ico?v=2">

  29.   <meta name="apple-mobile-web-app-title" content="FOSC">

  30.   <meta name="application-name" content="FOSC">

  31.   <meta name="msapplication-TileColor" content="#da532c">

  32.   <meta name="theme-color" content="#ffffff">

  33. 

  34.   <!-- Analytics -->

  35.   <script async defer data-domain="fosc.space" src="https://plausible.fosc.space/js/plausible.js"></script>

  36. 

  37. </head>

  38. 

  39. <body>

  40. 

  41.   <header>

  42.     <section class="navigation">

  43.       <div class="nav-container">

  44.         <div class="brand">

  45.           <picture>

  46.             <source type="image/webp" data-srcset="img/Logo-invert.webp">

  47.             <source type="image/png" data-srcset="img/Logo-invert.png">

  48.             <img alt="FOSC Logo" class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">

  49.           </picture>

  50.         </div>

  51.         <nav>

  52.           <div class="nav-mobile"><span id="nav-toggle" href="#!"><span></span></span></div>

  53.           <ul class="nav-list">

  54.             <li>

  55.               <a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>

  56.             </li>

  57.             <li>

  58.               <a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>

  59.             </li>

  60.             <li>

  61.               <a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>

  62.             </li>

  63.             <li>

  64.               <a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>

  65.             </li>

  66.             <li>

  67.               <a href="#!"><span class="iconify" data-icon="mdi:cogs"></span> Services</a>

  68.               <ul class="nav-dropdown">

  69.                 <li>

  70.                   <a href="https://cloud.fosc.space"><span class="iconify" data-icon="mdi:cloud"></span> Cloud</a>

  71.                 </li>

  72.                 <li>

  73.                   <a href="https://doc.fosc.space"><span class="iconify" data-icon="mdi:text"></span> Wiki</a>

  74.                 </li>

  75.                 <li>

  76.                   <a href="https://rss.fosc.space"><span class="iconify" data-icon="mdi:rss"></span> RSS</a>

  77.                 </li>

  78.                 <li>

  79.                   <a href="https://netdata.fosc.space"><span class="iconify" data-icon="mdi:finance"></span> NetData</a>

  80.                 </li>

  81.                 <li>

  82.                   <a href="https://analytics.fosc.space"><span class="iconify" data-icon="mdi:google-analytics"></span>

  83.                     Analytics</a>

  84.                 </li>

  85.                 <li>

  86.                   <a href="https://git.fosc.space"><span class="iconify" data-icon="mdi:git"></span> Stolen Code</a>

  87.                 </li>

  88.                 <li>

  89.                   <a href="https://services.fosc.space"><span class="iconify" data-icon="mdi:bookmark-plus"></span>

  90.                     More</a>

  91.                 </li>

  92.               </ul>

  93.             </li>

  94.           </ul>

  95.         </nav>

  96.       </div>

  97.     </section>

  98. 

  99.     <script>

  100.       (function ($) {

  101.         $(function () { // DOM ready

  102.           // If a link has a dropdown, add sub menu toggle.

  103.           $('nav ul li a:not(:only-child)').click(function (e) {

  104.             $(this).siblings('.nav-dropdown').toggle();

  105.             // Close one dropdown when selecting another

  106.             $('.nav-dropdown').not($(this).siblings()).hide();

  107.             e.stopPropagation();

  108.           });

  109.           // Clicking away from dropdown will remove the dropdown class

  110.           $('html').click(function () {

  111.             $('.nav-dropdown').hide();

  112.           });

  113.           // Toggle open and close nav styles on click

  114.           $('#nav-toggle').click(function () {

  115.             $('nav ul').slideToggle();

  116.           });

  117.           // Hamburger to X toggle

  118.           $('#nav-toggle').on('click', function () {

  119.             this.classList.toggle('active');

  120.           });

  121.         }); // end DOM ready

  122.       })(jQuery);

  123.     </script>

  124.   </header>

  125. 

  126.   <div class="hero">

  127.     <h1>Welcome to <span class="color">FOSC</span></h1>

  128.     <h3>Hackerspace located at Polytechnic University of Cartagena</h3>

  129.     <hr>

  130.   </div>

  131. 

  132.   <div class="fosc">

  133.     <h1>What is FOSC?</h1>

  134.     <hr>

  135.     <h3>We are a student association focused on expanding free software and hacker culture</h3>

  136.   </div>

  137. 

  138.   <div class="bgallery">

  139.     <div class="gallery">

  140.       <div class="column-gallery">

  141.         <picture>

  142.           <source type="image/webp" data-srcset="img/junction2018.webp">

  143.           <source type="image/jpeg" data-srcset="img/junction2018.jpg">

  144.           <img class="lazy" data-src="img/junction2018.jpg" alt="Winners at Junction 2018">

  145.         </picture>

  146.         <picture>

  147.           <source type="image/webp" data-srcset="img/santi.webp">

  148.           <source type="image/jpeg" data-srcset="img/santi.jpg">

  149.           <img class="lazy" data-src="img/santi.jpg" alt="Explaining MCU glitching at Makers Murcia">

  150.         </picture>

  151.         <picture>

  152.           <source type="image/webp" data-srcset="img/kids.webp">

  153.           <source type="image/jpeg" data-srcset="img/kids.jpg">

  154.           <img class="lazy" data-src="img/kids.jpg" alt="Showing 3D printing at Semana de la Ciencia">

  155.         </picture>

  156.         <picture>

  157.           <source type="image/webp" data-srcset="img/sec.webp">

  158.           <source type="image/jpeg" data-srcset="img/sec.jpg">

  159.           <img class="lazy" data-src="img/sec.jpg" alt="More Semana de la Ciencia">

  160.         </picture>

  161.         <picture>

  162.           <source type="image/webp" data-srcset="img/junction2018-1.webp">

  163.           <source type="image/jpeg" data-srcset="img/junction2018-1.jpg">

  164.           <img class="lazy" data-src="img/junction2018-1.jpg" alt="Hacking at Junction 2018">

  165.         </picture>

  166.       </div>

  167. 

  168.       <div class="column-gallery">

  169.         <picture>

  170.           <source type="image/webp" data-srcset="img/app.webp">

  171.           <source type="image/jpeg" data-srcset="img/app.jpg">

  172.           <img class="lazy" data-src="img/app.jpg" alt="Speaking for Puertas Violetas app">

  173.         </picture>

  174.         <picture>

  175.           <source type="image/webp" data-srcset="img/bitup.webp">

  176.           <source type="image/jpeg" data-srcset="img/bitup.jpg">

  177.           <img class="lazy" data-src="img/bitup.jpg" alt="Giving an ESP32 hacking talk at BITUP 2019">

  178.         </picture>

  179.         <picture>

  180.           <source type="image/webp" data-srcset="img/soldadura.webp">

  181.           <source type="image/jpeg" data-srcset="img/soldadura.jpg">

  182.           <img class="lazy" data-src="img/soldadura.jpg" alt="Learning to solder">

  183.         </picture>

  184.         <picture>

  185.           <source type="image/webp" data-srcset="img/hacking.webp">

  186.           <source type="image/jpeg" data-srcset="img/hacking.jpg">

  187.           <img class="lazy" data-src="img/hacking.jpg" alt="Installing Coreboot open firmware into a Thinkpad x230">

  188.         </picture>

  189.         <picture>

  190.           <source type="image/webp" data-srcset="img/junction2019-1.webp">

  191.           <source type="image/jpeg" data-srcset="img/junction2019-1.jpg">

  192.           <img class="lazy" data-src="img/junction2019-1.jpg" alt="Posing at Junction 2019">

  193.         </picture>

  194.       </div>

  195. 

  196.       <div class="column-gallery">

  197.         <picture>

  198.           <source type="image/webp" data-srcset="img/pepemod.webp">

  199.           <source type="image/jpeg" data-srcset="img/pepemod.jpg">

  200.           <img class="lazy" data-src="img/pepemod.jpg" alt="Soldering Nitrocaster's adapter board to a Thinkpad x230">

  201.         </picture>

  202.         <picture>

  203.           <source type="image/webp" data-srcset="img/atresmedia.webp">

  204.           <source type="image/jpeg" data-srcset="img/atresmedia.jpg">

  205.           <img class="lazy" data-src="img/atresmedia.jpg" alt="Having fun in Atresmedia">

  206.         </picture>

  207.         <picture>

  208.           <source type="image/webp" data-srcset="img/junction2019.webp">

  209.           <source type="image/jpeg" data-srcset="img/junction2019.jpg">

  210.           <img class="lazy" data-src="img/junction2019.jpg" alt="Hacking at Junction 2019">

  211.         </picture>

  212.         <picture>

  213.           <source type="image/webp" data-srcset="img/printer3d.webp">

  214.           <source type="image/jpeg" data-srcset="img/printer3d.jpg">

  215.           <img class="lazy" data-src="img/printer3d-1.jpg" alt="3D printer, 3D printing">

  216.         </picture>

  217.       </div>

  218. 

  219.       <div class="column-gallery">

  220.         <picture>

  221.           <source type="image/webp" data-srcset="img/flp1.webp">

  222.           <source type="image/jpeg" data-srcset="img/flp1.jpg">

  223.           <img class="lazy" data-src="img/flp1.jpg" alt="First FOSC LAN Party">

  224.         </picture>

  225.         <picture>

  226.           <source type="image/webp" data-srcset="img/soldadura1.webp">

  227.           <source type="image/jpeg" data-srcset="img/soldadura1.jpg">

  228.           <img class="lazy" data-src="img/soldadura1.jpg" alt="Soldering workshop">

  229.         </picture>

  230.         <picture>

  231.           <source type="image/webp" data-srcset="img/nn1.webp">

  232.           <source type="image/jpeg" data-srcset="img/nn1.jpg">

  233.           <img class="lazy" data-src="img/nn1.jpg" alt="Giving an open firmware talk at Navaja Negra 2019">

  234.         </picture>

  235.         <picture>

  236.           <source type="image/webp" data-srcset="img/fosc2.webp">

  237.           <source type="image/jpeg" data-srcset="img/fosc2.jpg">

  238.           <img class="lazy" data-src="img/fosc2-1.jpg" alt="Showing some stuff during Cable Amarillo">

  239.         </picture>

  240.       </div>

  241.     </div>

  242.   </div>

  243. 

  244.   <div class="mgallery">

  245.     <h3>Linux, hackathons, courses, talks, server systems administration, open software, firmware and hardware!</h3>

  246.   </div>

  247. 

  248.   <div id="services">

  249.     <div class="services">

  250.       <h1>OUR SERVICES</h1>

  251.       <p>We believe in self hosting! Our members can enjoy many different applications which run from our servers.</p>

  252. 

  253.       <p>Here we show a few ones, but there are much more.</p>

  254.     </div>

  255. 

  256.     <div class="tabla">

  257.       <div class="column">

  258.         <a href="https://cloud.fosc.space">

  259.           <picture>

  260.             <source type="image/webp" data-srcset="icons/cloud-computing.webp">

  261.             <source type="image/png" data-srcset="icons/cloud-computing.png">

  262.             <img class="lazy" data-src="icons/cloud-computing.png" alt="Cloud">

  263.           </picture>

  264.         </a>

  265.         <h4>Cloud</h4>

  266.       </div>

  267. 

  268.       <div class="column">

  269.         <a href="https://doc.fosc.space">

  270.           <picture>

  271.             <source type="image/webp" data-srcset="icons/book.webp">

  272.             <source type="image/png" data-srcset="icons/book.png">

  273.             <img class="lazy" data-src="icons/book.png" alt="Wiki">

  274.           </picture>

  275.         </a>

  276.         <h4>Wiki</h4>

  277.       </div>

  278. 

  279.       <div class="column">

  280.         <a href="https://rss.fosc.space">

  281.           <picture>

  282.             <source type="image/webp" data-srcset="icons/rss2.webp">

  283.             <source type="image/png" data-srcset="icons/rss2.png">

  284.             <img class="lazy" data-src="icons/rss2.png" alt="RSS">

  285.           </picture>

  286.         </a>

  287.         <h4>RSS</h4>

  288.       </div>

  289.     </div>

  290. 

  291.     <div class="tabla tabla2">

  292.       <div class="column">

  293.         <a href="https://netdata.fosc.space">

  294.           <picture>

  295.             <source type="image/webp" data-srcset="icons/chart.webp">

  296.             <source type="image/png" data-srcset="icons/chart.png">

  297.             <img class="lazy" data-src="icons/chart.png" alt="NetData">

  298.           </picture>

  299.         </a>

  300.         <h4>NetData</h4>

  301.       </div>

  302. 

  303.       <div class="column">

  304.         <a href="https://analytics.fosc.space">

  305.           <picture>

  306.             <source type="image/webp" data-srcset="icons/analytics.webp">

  307.             <source type="image/png" data-srcset="icons/analytics.png">

  308.             <img class="lazy" data-src="icons/analytics.png" alt="Analytics">

  309.           </picture>

  310.         </a>

  311.         <h4>Analytics</h4>

  312.       </div>

  313. 

  314.       <div class="column">

  315.         <a href="https://git.fosc.space">

  316.           <picture>

  317.             <source type="image/webp" data-srcset="icons/gitea.webp">

  318.             <source type="image/png" data-srcset="icons/gitea.png">

  319.             <img class="lazy" data-src="icons/gitea.png" alt="Gitea">

  320.           </picture>

  321.         </a>

  322.         <h4>Stolen Code</h4>

  323.       </div>

  324.     </div>

  325.   </div>

  326. 

  327.   <div class="members" id="contact">

  328. 

  329.     <h1>We're looking for new members!</h1>

  330. 

  331.     <div class="shape">

  332.       <div class="cmembers cmembers1">

  333. 

  334.         <h4>How do I become a member?</h4>

  335.         <hr>

  336. 

  337.         <p>You become a member by either coming to our physical hackerspace often<br><br>

  338.           If you've been coming a lot to the space, it's likely that you will be asked to become a formal

  339.           member.<br><br>

  340.           <b>Even if you are not a member, if the lights are on, you are free to come and hack inside.</b>

  341.         </p>

  342. 

  343.       </div>

  344. 

  345.       <div class="cmembers cmembers2">

  346. 

  347.         <h4>Tell us anything</h4>

  348.         <hr>

  349. 

  350.         <div class="contact_methods">

  351.           <p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a

  352.               href="https://twitter.com/foscupct">Contact us on Twitter</a></p>

  353.           <br>

  354.           <p><span class="iconify" data-icon="mdi:email" style="color: #f32821;"></span> <a

  355.               href="mailto:contact@fosc.space">Send us an email</a></p>

  356.         </div>

  357. 

  358.         <div class="button">

  359.           <button onclick="document.getElementById('mapButton').style.animation = 'rainbow 1s linear infinite'"

  360.             id="mapButton">Or just come in</button>

  361.         </div>

  362. 

  363.       </div>

  364.     </div>

  365. 

  366.     <div class="map">

  367.       <iframe id="map" title="Map view of our location" frameborder="0" allowfullscreen class="lazy"

  368.         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>

  369.     </div>

  370. 

  371.   </div>

  372. 

  373.   <footer>

  374.     <hr>

  375.     <div class="foot-logo">

  376.       <picture>

  377.         <source type="image/webp" data-srcset="img/Logo-invert.webp">

  378.         <source type="image/png" data-srcset="img/Logo-invert.png">

  379.         <img class="lazy" data-src="img/Logo-invert.png" alt="FOSC Logo">

  380.       </picture>

  381.       <a href="https://git.fosc.space/fosc/fosc.space">WEBSITE SOURCE CODE</a>

  382.       <div class="author">

  383.         <p>Icons made by <a href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> and <a

  384.             href="https://www.flaticon.com/authors/smalllikeart" title="Smalllikeart">Smalllikeart</a> from <a

  385.             href="https://www.flaticon.com/">www.flaticon.com</a>.</p>

  386.       </div>

  387.     </div>

  388.   </footer>

  389. 

  390.   <!-- With the DOM ready, lazyload all pics and swap all icons -->

  391.   <script>

  392.     window.lazyLoadOptions = {

  393.       elements_selector: ".lazy"

  394.     };

  395.   </script>

  396.   <script async src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@15.1.1/dist/lazyload.min.js"></script>

  397.   <script async src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>

  398. </body>

  399. 

  400. </html>