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

Load material svg icons from iconify

Browse Source
This commit is contained in:
Pablo Moyano 2020-03-14 05:44:08 +01:00
parent c5fbdb15eb
commit 433d366b26
2 changed files with 10 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/main.css
View File

@ -483,15 +483,6 @@ nav ul li ul li a {
background-color: green; background-color: green;
} }
.mdi-twitter {
color: #2196f3;
}
.mdi-email {
color: #f32821;
}
#mapButton { #mapButton {
background-color: yellow; background-color: yellow;
color: black; color: black;

19
index.html
View File

@ -24,7 +24,6 @@
<link rel="icon" href="img/Logo-invert.png" type="image/gif"> <link rel="icon" href="img/Logo-invert.png" type="image/gif">
<link rel="stylesheet" type="text/css" href="css/main.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=Fira+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Fira+Sans&display=swap" rel="stylesheet">
<script src="js/main.js"></script> <script src="js/main.js"></script>
@ -48,13 +47,13 @@
<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div> <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
<ul class="nav-list"> <ul class="nav-list">
<li> <li>
<a href="https://fosc.space/"><i class="mdi mdi-home"></i>Home</a> <a href="https://fosc.space/"><span class="iconify" data-icon="mdi:home"></span> Home</a>
</li> </li>
<li> <li>
<a href="https://blog.fosc.space"><i class="mdi mdi-notebook"></i>Blog</a> <a href="https://blog.fosc.space"><span class="iconify" data-icon="mdi:notebook"></span> Blog</a>
</li> </li>
<li> <li>
<a href="#!"><i class="mdi mdi-cogs"></i>Services</a> <a href="#!"><span class="iconify" data-icon="mdi:cogs"></span></i> Services</a>
<ul class="nav-dropdown"> <ul class="nav-dropdown">
<li> <li>
<a href="https://cloud.fosc.space">Cloud</a> <a href="https://cloud.fosc.space">Cloud</a>
@ -77,13 +76,13 @@
</ul> </ul>
</li> </li>
<li> <li>
<a href="https://gallery.fosc.space"><i class="mdi mdi-image"></i>Gallery</a> <a href="https://gallery.fosc.space"><span class="iconify" data-icon="mdi:image"></span> Gallery</a>
</li> </li>
<li> <li>
<a href="https://download.fosc.space"><i class="mdi mdi-download"></i>Downloads</a> <a href="https://download.fosc.space"><span class="iconify" data-icon="mdi:download"></span> Downloads</a>
</li> </li>
<li> <li>
<a href="#contact"><i class="mdi mdi-account"></i>Contact</a> <a href="#contact"><span class="iconify" data-icon="mdi:account"></span> Contact</a>
</li> </li>
</ul> </ul>
</nav> </nav>
@ -333,8 +332,8 @@
<hr> <hr>
<div class="contact_methods"> <div class="contact_methods">
<p><i class="mdi mdi-twitter"></i> <a href="https://twitter.com/foscupct">Contact us on Twitter</a></p> <p><span class="iconify" data-icon="mdi:twitter" style="color: #2196f3"></span> <a href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
<p><i class="mdi mdi-email"></i> <a href="mailto:contact@fosc.space">Send us an email</a></p> <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>
<div class="button"> <div class="button">
@ -363,6 +362,8 @@
</div> </div>
</footer> </footer>
<!-- With the DOM ready, swap all icons -->
<script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
</body> </body>
</html> </html>