frog-collective/frog-website
frog-collective
/
frog-website
5
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

refactor: move nav to it's own file

This commit is contained in:
Corentin 2024-05-21 09:11:30 +02:00
parent 211b23e1ae
commit 3f602ecc34
4 changed files with 37 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/lib/nav.html Normal file
View File

@ -0,0 +1,33 @@
<nav class="nav" id="nav">
<div class="nav--content">
<div class="nav--menu">
<ul class="nav--menu-section">
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Collective</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Games</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">News</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Contact</a>
</li>
</ul>
<ul class="nav--menu-section">
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Itch.io</a>
</li>
</ul>
</div>
<div class="nav--title">
<img class="nav--logo" src="img/nav-logo.png" title="Frog Collective"></img>
</div>
<toggle-menu-button target="nav" class="nav--toggle-button">
<s class="bar"></s>
<s class="bar"></s>
</toggle-menu-button>
</div>
</nav>

0
src/lib/css/nav.scss → src/lib/nav.scss
View File

33
src/pages/index.html
View File

@ -11,38 +11,7 @@
<script type="module" src="index.js"></script> <script type="module" src="index.js"></script>
</head> </head>
<body> <body>
<nav class="nav" id="nav"> {% include "lib/nav.html" %}
<div class="nav--content">
<div class="nav--menu">
<ul class="nav--menu-section">
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Collective</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Games</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">News</a>
</li>
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Contact</a>
</li>
</ul>
<ul class="nav--menu-section">
<li class="nav--menu-item">
<a href="#" class="nav--menu-link">Itch.io</a>
</li>
</ul>
</div>
<div class="nav--title">
<img class="nav--logo" src="img/nav-logo.png" title="Frog Collective"></img>
</div>
<toggle-menu-button target="nav" class="nav--toggle-button">
<s class="bar"></s>
<s class="bar"></s>
</toggle-menu-button>
</div>
</nav>
<div class="content"> <div class="content">
{% include "pages/index/presentation.html" %} {% include "pages/index/presentation.html" %}

4
src/style.scss
View File

@ -1,8 +1,10 @@
@import 'lib/css/variables.scss'; @import 'lib/css/variables.scss';
@import 'lib/css/content.scss'; @import 'lib/css/content.scss';
@import 'lib/css/nav.scss';
@import 'lib/css/reset.scss'; @import 'lib/css/reset.scss';
@import 'lib/css/typo.scss'; @import 'lib/css/typo.scss';
@import 'lib/nav.scss';
@import 'lib/section.scss'; @import 'lib/section.scss';
@import 'pages/index/_style.scss'; @import 'pages/index/_style.scss';