mirror of
https://github.com/tiennm99/is-a-dev.git
synced 2026-10-15 14:16:35 +00:00
Add files via upload
This commit is contained in:
SkyExploreWasTaken authored and GitHub committed
1 parent
8d5addd3d5
commit
abb2d8e127
8 files changed
+1873
No files matched your search
@@ -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