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>
|
||||||
42
index.html
42
index.html
|
|
@ -2,11 +2,16 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>fateforge-tools</title>
|
<title>fateforge-tools</title>
|
||||||
<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.
|
||||||
|
|
|
||||||
15
spells.html
15
spells.html
|
|
@ -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>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -32,8 +34,8 @@
|
||||||
<!--<div class="container" style="display: flex;flex-direction: row;flex-wrap: wrap;">-->
|
<!--<div class="container" style="display: flex;flex-direction: row;flex-wrap: wrap;">-->
|
||||||
|
|
||||||
<div class="container" ">
|
<div class="container" ">
|
||||||
<div class="list-col" id="spell-list" >
|
<div class=" list-col" id="spell-list">
|
||||||
<!-- FILL WITH JS-->
|
<!-- FILL WITH JS-->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -46,7 +48,7 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="view-col" id="content" >
|
<div class="view-col" id="content">
|
||||||
<table id="pagecontent" class="view" style="border:solid">
|
<table id="pagecontent" class="view" style="border:solid">
|
||||||
|
|
||||||
<td class="initial-message">Select a spell from the list to view it here</td>
|
<td class="initial-message">Select a spell from the list to view it here</td>
|
||||||
|
|
@ -56,11 +58,8 @@
|
||||||
|
|
||||||
</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