Skip to content
Snippets Groups Projects
Commit eaa210e9 authored by matograine's avatar matograine
Browse files

begin language menu

parent a3f9f40d
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
source/files/index.html
+ 27
− 2
View file @ eaa210e9
...@@ -4,9 +4,11 @@ ...@@ -4,9 +4,11 @@
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"> <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="../theme/materialize.min.css"> <link rel="stylesheet" href="../theme/materialize.min.css">
<link rel="stylesheet" href="../theme/custom.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title id="header-title">__MAIN_TITLE__</title> <title id="header-title">__MAIN_TITLE__</title>
<link rel="icon" type="image/svg" href="../img/v-cercle.svg"> <link rel="icon" type="image/svg" href="../img/v-cercle.svg">
<script> <script>
// URL drawn horizontally or vertically, or not be drawn. // URL drawn horizontally or vertically, or not be drawn.
const URL_ORIENTATION = "horizontal"; const URL_ORIENTATION = "horizontal";
...@@ -17,6 +19,10 @@ ...@@ -17,6 +19,10 @@
<body> <body>
<header> <header>
<nav> <nav>
<!-- language dropdown -->
<ul id="language_dropdown" class="dropdown-content">
__LANGUAGE_DROPDOWN_MENU__
</ul>
<div class="nav-wrapper cyan darken-2"> <div class="nav-wrapper cyan darken-2">
<a id="title-center" href="#" class="brand-logo center hide-on-med-and-down" style="display: block;"> <a id="title-center" href="#" class="brand-logo center hide-on-med-and-down" style="display: block;">
<img width="60" height="60" style="vertical-align:middle;" src="./img/v-cercle.svg"/> <img width="60" height="60" style="vertical-align:middle;" src="./img/v-cercle.svg"/>
...@@ -33,6 +39,7 @@ ...@@ -33,6 +39,7 @@
<p>&nbsp;ViĞnette</p> <p>&nbsp;ViĞnette</p>
</a> </a>
</div> </div>
<!-- menu -->
<ul class="right hide-on-med-and-down"> <ul class="right hide-on-med-and-down">
<li class="active"> <li class="active">
<a href="index.html">__HOME__</a> <a href="index.html">__HOME__</a>
...@@ -43,6 +50,19 @@ ...@@ -43,6 +50,19 @@
<li> <li>
<a href="licence.html">__LICENSE__</a> <a href="licence.html">__LICENSE__</a>
</li> </li>
<li>
<a class="dropdown-trigger" href="#!" data-target="language_dropdown">
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-world" width="44" height="44" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<circle cx="12" cy="12" r="9" />
<line x1="3.6" y1="9" x2="20.4" y2="9" />
<line x1="3.6" y1="15" x2="20.4" y2="15" />
<path d="M11.5 3a17 17 0 0 0 0 18" />
<path d="M12.5 3a17 17 0 0 1 0 18" />
</svg>
__LANGUAGE_DROPDOWN_MENU_LABEL__
</a>
</li>
</ul> </ul>
</div> </div>
</nav> </nav>
...@@ -161,8 +181,13 @@ ...@@ -161,8 +181,13 @@
var instances = M.Sidenav.init(elems, options); var instances = M.Sidenav.init(elems, options);
//---- enable theming for select form input ---- //---- enable theming for select form input ----
var elems = document.querySelectorAll('select'); var elems2 = document.querySelectorAll('select');
var instances = M.FormSelect.init(elems, options); console.log(elems2)
var instances2 = M.FormSelect.init(elems2, options);
//---- enable dropdown language menus ----
var elems3 = document.querySelectorAll('.dropdown-trigger');
var instances3 = M.Dropdown.init(elems3, options)
}); });
</script> </script>
<script src="strings.js"></script> <script src="strings.js"></script>
......
source/theme/custom.css 0 → 100644
+ 7
− 0
View file @ eaa210e9
svg {
margin: auto;
text-align: center;
vertical-align: middle;
height: 2em;
stroke: white;
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment