make footer in js
This commit is contained in:
parent
c8bddd3ef6
commit
17851ac2e2
5 changed files with 51 additions and 38 deletions
25
footer.html
Normal file
25
footer.html
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
<small style="text-align: center;">
|
||||||
|
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
||||||
|
<a property="dct:title" rel="cc:attributionURL" href="http://fateforge.tool">fateforge.tool</a>
|
||||||
|
by <span property="cc:attributionName">Lucastucious</span> is licensed
|
||||||
|
under
|
||||||
|
<a href="http://creativecommons.org/licenses/by-nc/4.0/?ref=chooser-v1" target="_blank"
|
||||||
|
rel="license noopener noreferrer" style="display: inline-block">CC BY-NC 4.0<img style="
|
||||||
|
height: 22px !important;
|
||||||
|
margin-left: 3px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" /><img style="
|
||||||
|
height: 22px !important;
|
||||||
|
margin-left: 3px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" /><img style="
|
||||||
|
height: 22px !important;
|
||||||
|
margin-left: 3px;
|
||||||
|
vertical-align: text-bottom;
|
||||||
|
" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /></a>
|
||||||
|
</p>
|
||||||
|
<div class="CUVD">
|
||||||
|
<p data-localize="CUVD">CUVD
|
||||||
|
<p data-localize="link"></a>
|
||||||
|
</div>
|
||||||
|
</small>
|
||||||
40
index.html
40
index.html
|
|
@ -7,6 +7,11 @@
|
||||||
<link rel="stylesheet" href="css/water.css" />
|
<link rel="stylesheet" href="css/water.css" />
|
||||||
<link href="css/all.min.css" rel="stylesheet" />
|
<link href="css/all.min.css" rel="stylesheet" />
|
||||||
<link rel="icon" type="image/png" href="/img/FateforgeTool_logo_80.png">
|
<link rel="icon" type="image/png" href="/img/FateforgeTool_logo_80.png">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="lib/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="lib/jquery.localize.js"></script>
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
@ -14,7 +19,9 @@
|
||||||
<button onclick="changeLangEN()">English</button>
|
<button onclick="changeLangEN()">English</button>
|
||||||
<button onclick="changeLangFR()">French</button>
|
<button onclick="changeLangFR()">French</button>
|
||||||
|
|
||||||
<a href="index.html"><h1>FateforgeTools</h1></a>
|
<a href="index.html">
|
||||||
|
<h1>FateforgeTools</h1>
|
||||||
|
</a>
|
||||||
<div data-localize="desc">
|
<div data-localize="desc">
|
||||||
A suite of tools for Fateforge players and Masters.
|
A suite of tools for Fateforge players and Masters.
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -35,35 +42,10 @@
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer style="text-align: center;">
|
<div id="footer"></div>
|
||||||
<p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/">
|
|
||||||
<a property="dct:title" rel="cc:attributionURL" href="http://fateforge.tool">fateforge.tool</a>
|
|
||||||
by <span property="cc:attributionName">Lucas Peter</span> is licensed
|
|
||||||
under
|
|
||||||
<a href="http://creativecommons.org/licenses/by-nc/4.0/?ref=chooser-v1" target="_blank"
|
|
||||||
rel="license noopener noreferrer" style="display: inline-block">CC BY-NC 4.0<img style="
|
|
||||||
height: 22px !important;
|
|
||||||
margin-left: 3px;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" /><img style="
|
|
||||||
height: 22px !important;
|
|
||||||
margin-left: 3px;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" /><img style="
|
|
||||||
height: 22px !important;
|
|
||||||
margin-left: 3px;
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1" /></a>
|
|
||||||
</p>
|
|
||||||
<div class="CUVD">
|
|
||||||
<p data-localize="CUVD">CUVD
|
|
||||||
<p data-localize="link"></a>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="lib/jquery.min.js"></script>
|
<script type="text/javascript" src="js/footer.js"></script>
|
||||||
<script type="text/javascript" src="lib/jquery.localize.js"></script>
|
<script async type="text/javascript" src="js/language.js"></script>
|
||||||
<script type="text/javascript" src="js/language.js"></script>
|
|
||||||
|
|
||||||
<script rel="preload" src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
|
<script rel="preload" src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
|
|
||||||
6
js/footer.js
Normal file
6
js/footer.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
$(function () {
|
||||||
|
$("#footer").load("footer.html",function (responseTxt, statusTxt, xhr) {
|
||||||
|
console.log("bla");
|
||||||
|
$("[data-localize]").localize("main", { pathPrefix: "lang" });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -1,4 +1,5 @@
|
||||||
// this code localizes all elements with a "data-localize" attribute
|
// this code localizes all elements with a "data-localize" attribute
|
||||||
|
|
||||||
$("[data-localize]").localize("main", { pathPrefix: "lang" });
|
$("[data-localize]").localize("main", { pathPrefix: "lang" });
|
||||||
|
|
||||||
// You can also override the language detection and specify a language code. This code defines a function that sets the language to French.
|
// You can also override the language detection and specify a language code. This code defines a function that sets the language to French.
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,8 @@
|
||||||
|
|
||||||
<link rel="icon" type="image/x-icon" href="/img/FateforgeTool_logo_80.png">
|
<link rel="icon" type="image/x-icon" href="/img/FateforgeTool_logo_80.png">
|
||||||
|
|
||||||
|
<script type="text/javascript" src="lib/jquery.min.js"></script>
|
||||||
|
<script type="text/javascript" src="lib/jquery.localize.js"></script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -56,10 +58,7 @@
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="footer"></div>
|
||||||
|
|
||||||
<script type="text/javascript" src="lib/jquery.min.js"></script>
|
|
||||||
<script type="text/javascript" src="lib/jquery.localize-dev.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript" src="lib/w2ui/w2ui.js"></script>
|
<script type="text/javascript" src="lib/w2ui/w2ui.js"></script>
|
||||||
<script type="text/javascript" src="lib/w2ui/w2ui.es6.js"></script>
|
<script type="text/javascript" src="lib/w2ui/w2ui.es6.js"></script>
|
||||||
|
|
@ -68,7 +67,7 @@
|
||||||
|
|
||||||
<script type="module" src="js/spells.js"></script>
|
<script type="module" src="js/spells.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript" src="js/footer.js"></script>
|
||||||
<script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
|
<script src="https://kit.fontawesome.com/126cdd0e29.js" crossorigin="anonymous"></script>
|
||||||
<script type="text/javascript" src="js/language.js"></script>
|
<script type="text/javascript" src="js/language.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue