pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout du script pour les fonts

Browse Source
This commit is contained in:
hugogogo
2021-05-16 20:00:33 +02:00
parent b7a64f7f80
commit 4d6290a3e8
9 changed files with 79 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
fr/actualites.html
View File

@@ -10,6 +10,7 @@
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/actualites.css" type="text/css" rel="stylesheet">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>

1
fr/lettres.html
View File

@@ -10,6 +10,7 @@
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/lettres.css" type="text/css" rel="stylesheet">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>

1
fr/lettres/lettres_2021.html
View File

@@ -10,6 +10,7 @@
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/lettres_2021.css" type="text/css" rel="stylesheet">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>

1
fr/litterall.html
View File

@@ -10,6 +10,7 @@
<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<style> html {visibility: hidden; opacity: 0;} </style>
<script src="./fr/script.js" defer></script>
</head>
<body>

49
fr/script.js
View File

@@ -1,4 +1,45 @@
let nav = document.getElementsByClassName("nav_left");
let anchor = document.createElement("a");
anchor.innerHTML = "test";
nav[0].appendChild(anchor);
fonts();
function fonts()
{
let url = window.location.href.match(/\#.*/);
if (url == "#fonts")
{
// go to the div "nav"
let nav = document.getElementsByClassName("nav_left");
// add an anchor
let anchor = document.createElement("a");
anchor.setAttribute('id', "fonts");
anchor.innerHTML = `
<p>fonts</p>
<div id="fonts_dropdown">
<button onclick="change_font()">louisgeorge (defaut)</button>
<button onclick="change_font()">cabrion</button>
<button onclick="change_font()">paradroid (titres)</button>
<button onclick="change_font()">evolvanta</button>
<button onclick="change_font()">ptroot</button>
<button onclick="change_font()">tgalcefun</button>
</div>
`;
nav[0].appendChild(anchor);
}
}
function change_font()
{
let name = event.target.textContent.split(' ')[0];
console.log(name);
document.documentElement.style.cssText = "--font-texts: " + name;
/*
let content = getComputedStyle(document.documentElement).getPropertyValue('font-family');
let content = getComputedStyle(document.documentElement).getPropertyValue('@font-face');
let content = Array.from(document.styleSheets);
console.log(content);
*/
}