mirror of
https://github.com/Stone-Red-Code/Stone-Red-Code.github.io.git
synced 2026-09-04 00:56:22 +02:00
Automatically redirect to new site
This commit is contained in:
Stone_Red
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 24 KiB |
@@ -1,8 +1,7 @@
|
|||||||
# Stone-Red-Code.github.io
|
# Stone-Red-Code.github.io
|
||||||
|
|
||||||
> My old personal website
|
> My old personal website
|
||||||
<p>
|
|
||||||
https://stone-red-code.github.io/
|
|
||||||
|
|
||||||
## Visit the new one
|
## Visit the new one
|
||||||
http://stone-red.net
|
|
||||||
|
[me.stone-red.net](https://me.stone-red.net)
|
||||||
|
|||||||
@@ -1,45 +0,0 @@
|
|||||||
let speed = 20;
|
|
||||||
let scale = 0.15;
|
|
||||||
let canvas;
|
|
||||||
let ctx;
|
|
||||||
|
|
||||||
let image = {
|
|
||||||
x: -4,
|
|
||||||
y: -4,
|
|
||||||
xspeed: 5,
|
|
||||||
yspeed: 5,
|
|
||||||
img: new Image()
|
|
||||||
};
|
|
||||||
|
|
||||||
(function main() {
|
|
||||||
canvas = document.getElementById("mainpanel");
|
|
||||||
ctx = canvas.getContext("2d");
|
|
||||||
image.img.src = 'https://github.com/Stone-Red-Code.png';
|
|
||||||
canvas.style.width = '100%';
|
|
||||||
canvas.style.height = '100%';
|
|
||||||
canvas.width = 1000;
|
|
||||||
canvas.height = 500;
|
|
||||||
update();
|
|
||||||
})();
|
|
||||||
|
|
||||||
function update() {
|
|
||||||
setTimeout(() => {
|
|
||||||
ctx.drawImage(image.img, image.x, image.y, image.img.width * scale, image.img.height * scale);
|
|
||||||
|
|
||||||
image.x += image.xspeed;
|
|
||||||
image.y += image.yspeed;
|
|
||||||
|
|
||||||
checkCollision();
|
|
||||||
update();
|
|
||||||
}, speed)
|
|
||||||
}
|
|
||||||
|
|
||||||
function checkCollision() {
|
|
||||||
if (image.x + image.img.width * scale >= canvas.width || image.x <= 0) {
|
|
||||||
image.xspeed *= -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (image.y + image.img.height * scale >= canvas.height || image.y <= 0) {
|
|
||||||
image.yspeed *= -1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,12 +0,0 @@
|
|||||||
$.get("header.html", function (data) {
|
|
||||||
$("#header-placeholder").replaceWith(data);
|
|
||||||
document.getElementById('header-title').innerHTML = document.querySelector('title').textContent;
|
|
||||||
});
|
|
||||||
|
|
||||||
$.get("nav.html", function (data) {
|
|
||||||
$("#nav-placeholder").replaceWith(data);
|
|
||||||
});
|
|
||||||
|
|
||||||
$.get("footer.html", function (data) {
|
|
||||||
$("#footer-placeholder").replaceWith(data);
|
|
||||||
});
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
const request = new XMLHttpRequest();
|
|
||||||
const main = document.getElementById("projectslist");
|
|
||||||
request.open('GET', 'https://api.github.com/search/repositories?q=user:stone-red-code');
|
|
||||||
request.responseType = 'text';
|
|
||||||
request.onload = function() {
|
|
||||||
let jsonData = JSON.parse(request.response);
|
|
||||||
for (let i = 0; i < jsonData.items.length; i++) {
|
|
||||||
let item = jsonData.items[i];
|
|
||||||
addItem(item);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
function addItem (item)
|
|
||||||
{
|
|
||||||
let row = document.createElement("div");
|
|
||||||
let col = document.createElement("div");
|
|
||||||
let jumbotron = document.createElement("div");
|
|
||||||
let heading = document.createElement("h2");
|
|
||||||
let description = document.createElement("p");
|
|
||||||
let repo = document.createElement("a");
|
|
||||||
|
|
||||||
row.classList.add("row");
|
|
||||||
col.classList.add("col");
|
|
||||||
jumbotron.classList.add("jumbotron");
|
|
||||||
jumbotron.classList.add("p-5");
|
|
||||||
jumbotron.classList.add("fade-in");
|
|
||||||
|
|
||||||
jumbotron.appendChild(heading);
|
|
||||||
jumbotron.appendChild(description);
|
|
||||||
jumbotron.appendChild(repo);
|
|
||||||
col.appendChild(jumbotron);
|
|
||||||
row.appendChild(col);
|
|
||||||
|
|
||||||
|
|
||||||
let head = document.createTextNode(item.name);
|
|
||||||
let desc = document.createTextNode(item.description);
|
|
||||||
repo.innerHTML = "Repository";
|
|
||||||
repo.href = item.html_url;
|
|
||||||
|
|
||||||
heading.appendChild(head);
|
|
||||||
description.appendChild(desc);
|
|
||||||
|
|
||||||
main.appendChild(row);
|
|
||||||
}
|
|
||||||
request.send();
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
let answerArray = new Array(
|
|
||||||
"“A million sorry’s is not equal to 1 thank you.” – Emilia (Re:Zero)",
|
|
||||||
"“When you said that you hate yourself, it made me want to tell you all the wonderful things I know about you.” – Rem (Re:Zero)",
|
|
||||||
"“No matter what happens, even when it looks like you’re gonna lose, when no one else believes in you, when you don’t believe in your self, I will believe!” – Rem (Re:Zero)",
|
|
||||||
"“Please let me believe in everything you believed in. Let me believe that life is great.” - Kanade Tachibana (Angel Beats!)",
|
|
||||||
"“God is so cruel. He stole all my happiness away.” - Yuri Nakamura (Angel Beats!)",
|
|
||||||
"“I only wanted to love you, to make you proud.” - Yuri Nakamura (Angel Beats!)",
|
|
||||||
"“Even death can’t cure idiocy.” – Yui (Angel Beats!)",
|
|
||||||
"“Why am I myself, and not somebody else.” – Yuu Otosaka (Charlotte)",
|
|
||||||
"“Trying to forget someone you love is like trying remember someone you never met.” – Yuu Otosaka (Charlotte)",
|
|
||||||
"“It's hard to admit that, you're not as strong as everyone believes you are.” – Yuu Otosaka (Charlotte)",
|
|
||||||
"“Life is something you live only once, right?” – Sala Shane (Charlotte)",
|
|
||||||
"“You seem happy from the bottom of your heart. That also makes me just as happy.” – Sala Shane (Charlotte)",
|
|
||||||
"“The scars that you can’t see are the hardest to heal.” – Nao Tomori (Charlotte)",
|
|
||||||
"“Happiness is not the absence of problems, it's the ability to deal with them.” – Nao Tomori (Charlotte)",
|
|
||||||
"“The scariest about distance is you don't know wether they'll miss you or forget about you.” – Nao Tomori (Charlotte)",
|
|
||||||
"“Do you think I am ok? No... I just learned to be strong and try to hide my real feelings all the time.” – Nao Tomori (Charlotte)",
|
|
||||||
"“Life is not a game of luck. If you wanna win, work hard.” – Sora (No Game No Life)",
|
|
||||||
"“There is more than one way to win a game. You can win without fighting!” – Sora (No Game No Life)",
|
|
||||||
"“There’s no more trusted observer than someone who suspects you.” – Sora (No Game No Life)",
|
|
||||||
"“In a real war, what fool waits for their enemy’s turn?” – Sora (No Game No Life)",
|
|
||||||
"“We do not stop playing games because we grow old, we grow old because we stop playing.” – Sora (No Game No Life)",
|
|
||||||
"“In reality, the least interesting answer is usually the correct one.” – Tet (No Game No Life)",
|
|
||||||
"“Chess is no different than tic-tac-toe.” – Shiro (No Game No Life)",
|
|
||||||
"“A temporary defeat is nothing if it leads to ultimate victory!” – Stephanie Dola (No Game No Life)",
|
|
||||||
"“Make the best of a bad situation.” – Aqua (KonoSuba)",
|
|
||||||
"“This sunlight is my worst enemy after three straight all-nighters.” – Kazuma Satou (KonoSuba)",
|
|
||||||
"“Maybe we can't win alone, but the two of us together can!” – Ichigo (Darling in the Franxx)",
|
|
||||||
"“If you have anything you wanna say, you better spit it out while you can. Because you’re all going to die sooner or later.” – Zero Two (Darling in the Franxx)",
|
|
||||||
"“When I saw magic being used for evil and good, I realized I wanted to lead the human race down the right path.” – Rumia Tingel (Akashic Records Of Bastard Magic Instructor)",
|
|
||||||
"“The trick is to find something you can care about and just live for that.” – Glenn Radars (Akashic Records Of Bastard Magic Instructor)"
|
|
||||||
);
|
|
||||||
|
|
||||||
document.getElementById('quotes').innerHTML = answerArray[Math.floor(Math.random() * answerArray.length)];
|
|
||||||
document.getElementById('quotes').classList.add("fade-in");
|
|
||||||
@@ -10,6 +10,5 @@ include:
|
|||||||
- LICENSE.md
|
- LICENSE.md
|
||||||
- COPYING.md
|
- COPYING.md
|
||||||
- CODE_OF_CONDUCT.md
|
- CODE_OF_CONDUCT.md
|
||||||
- CONTRIBUTING.md
|
|
||||||
- ISSUE_TEMPLATE.md
|
- ISSUE_TEMPLATE.md
|
||||||
- PULL_REQUEST_TEMPLATE.md
|
- PULL_REQUEST_TEMPLATE.md
|
||||||
|
|||||||
-44
@@ -1,44 +0,0 @@
|
|||||||
<br>
|
|
||||||
|
|
||||||
<footer class="page-footer">
|
|
||||||
<div class="row m-0 p-3 d-flex align-items-center fg-theme">
|
|
||||||
<div class="col">
|
|
||||||
<div>Get in contact:</div>
|
|
||||||
</div>
|
|
||||||
<div class="col d-flex justify-content-end">
|
|
||||||
<div id="contactItems">
|
|
||||||
<a href="http://github.com/Stone-Red-Code"><img
|
|
||||||
src="Icons/icons8-github-60.png" alt="Discord icon" height="30"/></a>
|
|
||||||
<a href="http://discord.com/users/374173830819872789"><img
|
|
||||||
src="Icons/icons8-discord-logo-60.png" alt="Icons8 icon" height="30"/></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row m-0 p-3 justify-content-start bg-dark ">
|
|
||||||
<div class="col col-sm-4">
|
|
||||||
<h3>About me</h3>
|
|
||||||
<p class="text-white-50">I'm just a random guy who likes programming and watching anime.</p>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4" id="Tools">
|
|
||||||
<h3>Languages & Tools:</h3>
|
|
||||||
<a href="https://docs.microsoft.com/en-us/dotnet/csharp"><img
|
|
||||||
src="https://img.icons8.com/color/50/000000/c-sharp-logo.png" alt="C Sharp icon" height="40" /></a>
|
|
||||||
<a href="https://developer.mozilla.org/en-us/docs/Web/JavaScript"><img
|
|
||||||
src="https://img.icons8.com/color/48/000000/javascript.png" alt="Java Script" /></a>
|
|
||||||
<a href="https://developer.mozilla.org/en-us/docs/Web/Guide/HTML/HTML5"><img
|
|
||||||
src="https://img.icons8.com/color/48/000000/html-5.png" alt="HTML 5 icon" height="40" /></a>
|
|
||||||
<a href="https://visualstudio.microsoft.com/vs"><img
|
|
||||||
src="https://img.icons8.com/fluent/50/000000/visual-studio-2019.png" alt="Visual Studio icon" height="40" /></a>
|
|
||||||
<a href="https://code.visualstudio.com/"><img
|
|
||||||
src="https://img.icons8.com/fluent/48/000000/visual-studio-code-2019.png" alt="Visual Studio Code icon" height="40" /></a>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<h3>Links</h3>
|
|
||||||
<div><a href="https://icons8.com">Icons8</a></div>
|
|
||||||
<div><a href="https://github.com/anuraghazra/github-readme-stats">GitHub-Readme-Stats</a></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="row p-1 m-0 justify-content-center align-items-center bg-secondary">©2021 Copyright: Stone_Red
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
@@ -1,51 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Fun</title>
|
|
||||||
<meta name="Description" content="Stone_Red's website">
|
|
||||||
<link rel="icon" type="image/png" href="https://github.com/Stone-Red-Code.png"/>
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
|
||||||
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<!--Header-->
|
|
||||||
<div id="header-placeholder"></div>
|
|
||||||
<!--end Navigation bar-->
|
|
||||||
|
|
||||||
<!--Navigation bar-->
|
|
||||||
<div id="nav-placeholder"></div>
|
|
||||||
<!--end of Navigation bar-->
|
|
||||||
|
|
||||||
<!--Main-->
|
|
||||||
<div class="container main">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="jumbotron p-2">
|
|
||||||
<canvas id="mainpanel"></canvas>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--end Main-->
|
|
||||||
|
|
||||||
<!--Footer-->
|
|
||||||
<div id="footer-placeholder"></div>
|
|
||||||
<!--end Footer-->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.js"
|
|
||||||
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
<script src="Scripts/loadNavBarAndFooter.js"></script>
|
|
||||||
<script src="Scripts/fun.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,9 +0,0 @@
|
|||||||
<div class="header">
|
|
||||||
<div class="header-image">
|
|
||||||
</div>
|
|
||||||
<div class="header-text">
|
|
||||||
<h1 id="header-title"></h1>
|
|
||||||
<div id="quotes">-</div>
|
|
||||||
</div>
|
|
||||||
<script src="Scripts/quotes.js"></script>
|
|
||||||
</div>
|
|
||||||
+7
-88
@@ -1,90 +1,9 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<meta charset="utf-8">
|
||||||
|
<title>Redirecting to https://me.stone-red.net/</title>
|
||||||
|
<meta http-equiv="refresh" content="0; URL=https://me.stone-red.net/">
|
||||||
|
<link rel="canonical" href="https://me.stone-red.net/">
|
||||||
|
|
||||||
<head>
|
<body style="text-align: center">
|
||||||
<meta charset="UTF-8">
|
Redirecting to <a href="https://me.stone-red.net/">https://me.stone-red.net/</a>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
</body>
|
||||||
<title>Stone-Red-Code</title>
|
|
||||||
<meta content="Stone-Red-Code" property="og:title">
|
|
||||||
<meta content="Stone_Red's website" property="og:description">
|
|
||||||
<meta name="Description" content="Stone_Red's website">
|
|
||||||
<meta content="https://stone-red-code.github.io" property="og:url">
|
|
||||||
<meta content="https://github.com/Stone-Red-Code.png" property="og:image">
|
|
||||||
<meta content="#D182EB" data-react-helmet="true" name="theme-color">
|
|
||||||
<link rel="icon" type="image/png" href="https://github.com/Stone-Red-Code.png"/>
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
|
||||||
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
<noscript>
|
|
||||||
<h1 style="background-color: red;">IF YOU CAN READ THIS ENABLE JAVASCRIPT!<h1>
|
|
||||||
<style type="text/css">
|
|
||||||
.main {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</noscript>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<!--Header-->
|
|
||||||
<div id="header-placeholder"></div>
|
|
||||||
<!--end Navigation bar-->
|
|
||||||
|
|
||||||
<!--Navigation bar-->
|
|
||||||
<div id="nav-placeholder"></div>
|
|
||||||
<!--end Navigation bar-->
|
|
||||||
|
|
||||||
<!--Main-->
|
|
||||||
|
|
||||||
<img src="https://www.stone-red.net/assets/images/static/PFP.jpg"/>
|
|
||||||
|
|
||||||
<div class="container main">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-8 d-flex justify-content-start">
|
|
||||||
<a href="http://github.com/Stone-Red-Code" aria-label="GitHub Link"><img class="stats"
|
|
||||||
src="https://github-readme-stats.vercel.app/api?username=Stone-Red-Code&show_icons=true&bg_color=40444B&theme=dark&hide_border=true&count_private=true" alt="GitHub stats"></a>
|
|
||||||
</div>
|
|
||||||
<div class="col d-flex justify-content-start">
|
|
||||||
<a href="http://github.com/Stone-Red-Code" aria-label="GitHub Link"><img class="mostUsedLangs"
|
|
||||||
src="https://github-readme-stats.vercel.app/api/top-langs/?username=Stone-Red-Code&exclude_repo=DesktopMagic&bg_color=40444B&theme=dark&hide_border=true)](https://github.com/anuraghazra/github-readme-stats" alt="GitHub stats" height="245"></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="jumbotron">
|
|
||||||
<h2>About this site</h2>
|
|
||||||
<p>This is my old site.<br>Visit my new site: <a href="https://www.stone-red.net">stone-red.net</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="jumbotron">
|
|
||||||
<h2>Discord Server</h2>
|
|
||||||
<h4>You want to share your open source project?</h4>
|
|
||||||
<p>If so share it with us!</p>
|
|
||||||
<h4>You search for contributors?</h4>
|
|
||||||
<p>Maybe you will find some on this server!</p>
|
|
||||||
<a href="https://discord.gg/euzy387dpu">Join Now</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--end Main-->
|
|
||||||
|
|
||||||
<!--Footer-->
|
|
||||||
<div id="footer-placeholder"></div>
|
|
||||||
<!--end Footer-->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.js"
|
|
||||||
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
<script src="Scripts/loadNavBarAndFooter.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,35 +0,0 @@
|
|||||||
<nav class="navbar navbar-expand-sm navbar-light sticky-top fg-theme">
|
|
||||||
|
|
||||||
<a class="navbar-brand" href="http://github.com/Stone-Red-Code" aria-label="GitHub Link"><img class="rounded"
|
|
||||||
src="https://github.com/Stone-Red-Code.png" height="45" alt="Profile picture"></a>
|
|
||||||
|
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"
|
|
||||||
aria-label="Menu Button">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
|
|
||||||
<ul class="navbar-nav">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="index.html">Home</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="projects.html">Projects</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="dropdown nav-item" style="float: left;">
|
|
||||||
<a class=" dropdown-toggle nav-link" href="#" role="button" id="dropdownMenuLink"
|
|
||||||
data-toggle="dropdown" style="float: left;">More</a>
|
|
||||||
|
|
||||||
<div class="dropdown-menu dropdown-menu-right">
|
|
||||||
<a class="dropdown-item nav-link" href="fun.html">Fun</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
@@ -1,44 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Projects</title>
|
|
||||||
<meta name="Description" content="Stone_Red's website">
|
|
||||||
<link rel="icon" type="image/png" href="https://github.com/Stone-Red-Code.png"/>
|
|
||||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
|
||||||
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" href="style.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="container-fluid">
|
|
||||||
<!--Header-->
|
|
||||||
<div id="header-placeholder"></div>
|
|
||||||
<!--end Navigation bar-->
|
|
||||||
|
|
||||||
<!--Navigation bar-->
|
|
||||||
<div id="nav-placeholder"></div>
|
|
||||||
<!--end of Navigation bar-->
|
|
||||||
|
|
||||||
<!--Main-->
|
|
||||||
<div class="container main" id="projectslist"></div>
|
|
||||||
|
|
||||||
<!--end Main-->
|
|
||||||
|
|
||||||
<!--Footer-->
|
|
||||||
<div id="footer-placeholder"></div>
|
|
||||||
<!--end Footer-->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.js"
|
|
||||||
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
|
|
||||||
integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx"
|
|
||||||
crossorigin="anonymous"></script>
|
|
||||||
<script src="Scripts/loadNavBarAndFooter.js"></script>
|
|
||||||
<script src="Scripts/loadProjects.js"></script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
@@ -1,208 +0,0 @@
|
|||||||
:root {
|
|
||||||
--fg-theme: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
html {
|
|
||||||
position: relative;
|
|
||||||
min-height: 100%;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
/* Margin bottom by footer height */
|
|
||||||
margin-bottom: 257px;
|
|
||||||
background-color: #40444B;
|
|
||||||
}
|
|
||||||
|
|
||||||
footer {
|
|
||||||
bottom: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
right: 15px;
|
|
||||||
left: 15px;
|
|
||||||
position: absolute;
|
|
||||||
/* Set the fixed height of the footer */
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header {
|
|
||||||
height: 130px;
|
|
||||||
width: 100%;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-image {
|
|
||||||
background: url("Images/code.png");
|
|
||||||
background-position: top;
|
|
||||||
height: 130px;
|
|
||||||
filter: blur(1px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-text {
|
|
||||||
color: white;
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
z-index: 2;
|
|
||||||
left: 50%;
|
|
||||||
top: 1.5rem;
|
|
||||||
transform: translate(-50%, 0%);
|
|
||||||
width: fit-content;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jumbotron {
|
|
||||||
animation-name: fadeGray;
|
|
||||||
background: #dadde0;
|
|
||||||
transition: background-color 0.5s ease-out 100ms, filter 0.5s ease-out 100ms;
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jumbotron:hover {
|
|
||||||
background-color: #ffffff;
|
|
||||||
filter: drop-shadow(0px 0px 0.4rem #dadde0);
|
|
||||||
}
|
|
||||||
|
|
||||||
#Tools>a>img {
|
|
||||||
transition: all 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#Tools>a>img:hover {
|
|
||||||
transform: scale(1.1)
|
|
||||||
}
|
|
||||||
|
|
||||||
#quotes {
|
|
||||||
font-weight: normal;
|
|
||||||
margin-top: -0.4rem;
|
|
||||||
margin-left: 1rem;
|
|
||||||
margin-right: 1rem;
|
|
||||||
padding: 0.0rem 0.2rem 0.1rem 0.2rem;
|
|
||||||
color: white;
|
|
||||||
font-style: italic;
|
|
||||||
background-color: rgba(255, 255, 255, 0.12);
|
|
||||||
border-radius: 0.3rem;
|
|
||||||
visibility: hidden;
|
|
||||||
transition: filter 0.5s ease-out 100ms;
|
|
||||||
}
|
|
||||||
|
|
||||||
#quotes:hover {
|
|
||||||
filter: drop-shadow(0px 0px 1rem darkgray);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fade-in {
|
|
||||||
visibility: visible !important;
|
|
||||||
animation: fadeIn;
|
|
||||||
animation-duration: 1s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fg-theme {
|
|
||||||
background-color: var(--fg-theme);
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
color: white;
|
|
||||||
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
color: white;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contactItems>a>img {
|
|
||||||
transition: transform 0.5s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#contactItems>a>img:hover {
|
|
||||||
transform: scale(1.15);
|
|
||||||
}
|
|
||||||
|
|
||||||
.navbar-light .navbar-nav .nav-link {
|
|
||||||
font-size: 19px;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:link {
|
|
||||||
color: gray;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
|
||||||
color: gray;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:active {
|
|
||||||
color: rgb(180, 180, 180);
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link {
|
|
||||||
text-decoration: var(--fg-theme);
|
|
||||||
text-decoration: none!important;
|
|
||||||
transition: background-color 0.5s ease-out 100ms
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav-link:hover {
|
|
||||||
background-color: rgb(155, 155, 155);
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: var(--fg-theme);
|
|
||||||
}
|
|
||||||
|
|
||||||
.toolIcon img {
|
|
||||||
width: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-item:active {
|
|
||||||
background-color: lightgray;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px) {
|
|
||||||
h2 {
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
.stats {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.header-text {
|
|
||||||
margin-top: 1.1rem;
|
|
||||||
}
|
|
||||||
#quotes {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 580px) {
|
|
||||||
.dropdown-menu {
|
|
||||||
background-color: var(--fg-theme)!important;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 360px) {
|
|
||||||
h1 {
|
|
||||||
font-size: 30px;
|
|
||||||
}
|
|
||||||
.mostUsedLangs {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes fadeIn {
|
|
||||||
from {
|
|
||||||
opacity: 0%;
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
opacity: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user