Modernize html structure
This commit is contained in:
parent
fcca4bb86d
commit
a4541c088d
@ -37,7 +37,7 @@ You probably already know that, otherwise you can visit him here "https://fosc.s
|
||||
/*GLOBAL ATTRIBUTES*/
|
||||
/**********************************************************************************/
|
||||
|
||||
*{
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
text-decoration: none;
|
||||
209
index.html
209
index.html
@ -1,4 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en"></html>
|
||||
|
||||
<!-- ****************************** -->
|
||||
<!-- * Ah shit, here we go again. * -->
|
||||
@ -9,112 +10,113 @@
|
||||
<!-- 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. -->
|
||||
<!-- That's all, thank you. -->
|
||||
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>FOSC - Free Open Source Club</title>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta name="description" content="FOSC, Hackerspace from Cartagena">
|
||||
<meta name="keywords" content="Open Source, Free Software, Linux, Hackerspace, Foss">
|
||||
<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">
|
||||
|
||||
<link rel="icon" href="img/Logo-invert.png" type="image/gif">
|
||||
<link rel="stylesheet" type="text/css" href="cs.css">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="css/main.css">
|
||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/5.0.45/css/materialdesignicons.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"> -->
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@13.0.1/dist/lazyload.min.js"></script>
|
||||
</head>
|
||||
|
||||
<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 class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
|
||||
</picture>
|
||||
</div>
|
||||
<nav>
|
||||
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
|
||||
<ul class="nav-list">
|
||||
<li>
|
||||
<a href="https://fosc.space/"><i class="mdi mdi-home"></i>Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://blog.fosc.space"><i class="mdi mdi-notebook"></i>Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!"><i class="mdi mdi-cogs"></i>Services</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li>
|
||||
<a href="https://cloud.fosc.space">Cloud</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://doc.fosc.space">Wiki</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://rss.fosc.space">RSS</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://netdata.fosc.space">NetData</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://analytics.fosc.space">Analytics</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.fosc.space">Stolen Code</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gallery.fosc.space"><i class="mdi mdi-image"></i>Gallery</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://download.fosc.space"><i class="mdi mdi-download"></i>Downloads</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact"><i class="mdi mdi-account"></i>Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
(function($) { // Begin jQuery
|
||||
$(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); // end jQuery
|
||||
</script>
|
||||
</header>
|
||||
<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 class="lazy" data-src="img/Logo-invert.png" style="width: 100px;">
|
||||
</picture>
|
||||
</div>
|
||||
<nav>
|
||||
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
|
||||
<ul class="nav-list">
|
||||
<li>
|
||||
<a href="https://fosc.space/"><i class="mdi mdi-home"></i>Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://blog.fosc.space"><i class="mdi mdi-notebook"></i>Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#!"><i class="mdi mdi-cogs"></i>Services</a>
|
||||
<ul class="nav-dropdown">
|
||||
<li>
|
||||
<a href="https://cloud.fosc.space">Cloud</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://doc.fosc.space">Wiki</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://rss.fosc.space">RSS</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://netdata.fosc.space">NetData</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://analytics.fosc.space">Analytics</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.fosc.space">Stolen Code</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://gallery.fosc.space"><i class="mdi mdi-image"></i>Gallery</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://download.fosc.space"><i class="mdi mdi-download"></i>Downloads</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#contact"><i class="mdi mdi-account"></i>Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
(function($) { // Begin jQuery
|
||||
$(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); // end jQuery
|
||||
</script>
|
||||
</header>
|
||||
|
||||
<body>
|
||||
<div class="hero">
|
||||
<h1>Welcome to <span class="color">FOSC</span></h1>
|
||||
<h3>Hackerspace located at Polytechnic University of Cartagena</h3>
|
||||
@ -345,21 +347,22 @@
|
||||
</div>
|
||||
</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">
|
||||
</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>
|
||||
|
||||
</body>
|
||||
|
||||
<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">
|
||||
</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>
|
||||
|
||||
</html>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user