mirror of
https://github.com/tiennm99/is-a-dev.git
synced 2026-05-23 04:25:53 +00:00
Add files via upload
This commit is contained in:
SkyExploreWasTaken
committed by
GitHub
GitHub
parent
8d5addd3d5
commit
abb2d8e127
@@ -0,0 +1,123 @@
|
||||
/* -----------------------------------------------
|
||||
/* How to use? : Check the GitHub README
|
||||
/* ----------------------------------------------- */
|
||||
|
||||
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
|
||||
|
||||
|
||||
|
||||
/* Otherwise just put the config content (json): */
|
||||
|
||||
particlesJS('particles-js',
|
||||
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 43,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#ffffff"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3,
|
||||
"random": true,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 150,
|
||||
"color": "#ffffff",
|
||||
"opacity": 0.5445204668671129,
|
||||
"width": 1
|
||||
},
|
||||
"move": {
|
||||
"enable": true,
|
||||
"speed": 6,
|
||||
"direction": "none",
|
||||
"random": true,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": true,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "window",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": true,
|
||||
"mode": "grab"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": false,
|
||||
"mode": "bubble"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 251.73215698496793,
|
||||
"line_linked": {
|
||||
"opacity": 0.3399433427762041
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 167.8214379899786,
|
||||
"size": 3.99574852357092,
|
||||
"duration": 0.39957485235709195,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
}
|
||||
);
|
||||
@@ -0,0 +1,42 @@
|
||||
@font-face {
|
||||
font-family: 'Meyrin';
|
||||
src: url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot'); /* IE9 Compatibility Mode */
|
||||
src: url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.woff') format('woff'), /* Modern Browsers */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.ttf') format('truetype'), /* Safari, Android, iOS */
|
||||
url('https://cdn.jsdelivr.net/gh/optional-is/Meyrin@master/formats/Meyrin.svg#svgFontName') format('svg'); /* Legacy iOS */
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono'; /* Variable font */
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@8c3ccf768d899b989a8843ae6bfaad3177c82303/fonts/variable/JetBrainsMono%5Bwght%5D.woff2') format('woff2');
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@8c3ccf768d899b989a8843ae6bfaad3177c82303/fonts/variable/JetBrainsMono%5Bwght%5D.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'JetBrains Mono'; /* Variable font */
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@8c3ccf768d899b989a8843ae6bfaad3177c82303/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.woff2') format('woff2');
|
||||
src: url('https://cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono@8c3ccf768d899b989a8843ae6bfaad3177c82303/fonts/variable/JetBrainsMono-Italic%5Bwght%5D.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'FixedSysExcelsior';
|
||||
src: url('https://github.com/kika/fixedsys/releases/download/v3.02.9/FSEX302.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterVariable;
|
||||
font-style: normal;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://rsms.me/inter/font-files/InterVariable.woff2?v=4.0') format('woff2');
|
||||
}
|
||||
@font-face {
|
||||
font-family: InterVariable;
|
||||
font-style: italic;
|
||||
font-weight: 100 900;
|
||||
font-display: swap;
|
||||
src: url('https://rsms.me/inter/font-files/InterVariable-Italic.woff2?v=4.0') format('woff2');
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
const scripts = [
|
||||
'particles.js',
|
||||
'config.js',
|
||||
'https://kit.fontawesome.com/dbecdae410.js'
|
||||
// Ajoutez autant de fichiers que nécessaire
|
||||
];
|
||||
function loadScript(src, callback) {
|
||||
const script = document.createElement('script');
|
||||
script.src = src;
|
||||
script.onload = callback;
|
||||
script.onerror = () => console.error(`Erreur de chargement du script : ${src}`);
|
||||
document.head.appendChild(script);
|
||||
}
|
||||
|
||||
function loadScriptsSequentially(scripts) {
|
||||
if (scripts.length === 0) return;
|
||||
const [firstScript, ...remainingScripts] = scripts;
|
||||
loadScript(firstScript, () => loadScriptsSequentially(remainingScripts));
|
||||
}
|
||||
|
||||
loadScriptsSequentially(scripts);
|
||||
@@ -0,0 +1,30 @@
|
||||
.meyrin {
|
||||
font-family: Meyrin, serif;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
.cc-img {
|
||||
height: 22px!important;
|
||||
margin-left:3px;
|
||||
vertical-align:text-bottom;
|
||||
}
|
||||
.Inter {
|
||||
font-family: InterVariable, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
.header {
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 25em;
|
||||
padding: 1em;
|
||||
font-size: 2em;
|
||||
margin: 2em auto;
|
||||
}
|
||||
.footer {
|
||||
z-index: 1;
|
||||
border: 3px solid green;
|
||||
width: 25em;
|
||||
padding: 1em;
|
||||
font-size: 1em;
|
||||
margin: 2em auto;
|
||||
}
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>SIE Website</title>
|
||||
<meta charset="UTF-8">
|
||||
<link href="styles.css" rel="stylesheet" type="text/css">
|
||||
<link href="index.css" rel="stylesheet" type="text/css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
</head>
|
||||
<div id="particles-js"></div> <!--<=The particles-js balise>=-->
|
||||
<body>
|
||||
<div class="header">
|
||||
<button onclick="window.open('/')"><i class="fa-solid fa-house"></i>Home</button>
|
||||
<p class="meyrin">Hello,</p>
|
||||
<p>I'm <span class="code"><span class="blink italic"><=SkyIslandExplore>=</span></span></p>
|
||||
<p class="desc" id="sewt-desc"></p>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<p class="Inter">
|
||||
<i class="fa-solid fa-shield-halved" title="LICENSE"></i>
|
||||
<a href="" class="l">SIE Website</a> by
|
||||
<a href="https://github.com/SkyIslandExplore" target="_blank" rel="noopener"><span class="italic">SkyIslandExplore</span></a> is licensed under
|
||||
<a href="http://creativecommons.org/licenses/by-nc-sa/4.0" target="_blank" rel="noopener">
|
||||
<span class="l">CC BY-NC-SA 4.0</span>
|
||||
<img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="">
|
||||
<img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/by.svg" alt="">
|
||||
<img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/nc.svg" alt="">
|
||||
<img class="cc-img" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg" alt="">
|
||||
</a>
|
||||
</p>
|
||||
<br>
|
||||
</div>
|
||||
</body>
|
||||
<script src="import.js"></script>
|
||||
<script src="index.js"></script>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
// Sélectionne tous les éléments avec la classe "code"
|
||||
const codeElements = document.querySelectorAll('.blink');
|
||||
|
||||
// Fonction pour alterner la visibilité des éléments
|
||||
function toggleVisibility() {
|
||||
codeElements.forEach(element => {
|
||||
if (element.style.visibility === 'hidden') {
|
||||
element.style.visibility = 'visible';
|
||||
} else {
|
||||
element.style.visibility = 'hidden';
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Définit l'intervalle de clignotement (par exemple, toutes les 500 ms)
|
||||
setInterval(toggleVisibility, 500);
|
||||
});
|
||||
document.getElementById("sewt-desc").innerText = "a little </> websites </> developer."
|
||||
+1541
File diff suppressed because it is too large
Load Diff
+60
@@ -0,0 +1,60 @@
|
||||
@import 'fonts.css';
|
||||
body {
|
||||
font-family: 'JetBrains Mono', Fallback, sans-serif;
|
||||
color: green;
|
||||
background-color: gray;
|
||||
background-size: cover;
|
||||
}
|
||||
#particles-js {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
z-index: -10;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.fse {
|
||||
font-family: 'FixedSysExcelsior', Fallback, sans-serif;
|
||||
}
|
||||
a {
|
||||
color: green;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.l {
|
||||
text-decoration: underline green;
|
||||
}
|
||||
.qrc {
|
||||
width: 15%;
|
||||
}
|
||||
button {
|
||||
display: inline;
|
||||
font-family: 'JetBrains Mono', sans-serif, Fallback;
|
||||
font-style: italic;
|
||||
color: green;
|
||||
background-color: transparent;
|
||||
border: 0.01em solid green;
|
||||
margin: 0.1em;
|
||||
}
|
||||
button:hover {
|
||||
color: black;
|
||||
background-color: green;
|
||||
border-radius: 0.25em;
|
||||
font-weight: 900;
|
||||
}
|
||||
button:active {
|
||||
color: green;
|
||||
background-color: white;
|
||||
}
|
||||
.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
.desc {
|
||||
font-size: 0.7em
|
||||
}
|
||||
.code {
|
||||
border-color: white;
|
||||
border-width: 0.1em;
|
||||
border-style: solid;
|
||||
background-color: black;
|
||||
color: blue;
|
||||
}
|
||||
Reference in New Issue
Block a user