Skip to content

Commit c129d60

Browse files
LuauProgrammerLuauProgrammer
committed
add new webpage, change css gradients
1 parent f074103 commit c129d60

File tree

4 files changed

+66
-14
lines changed

4 files changed

+66
-14
lines changed

‎index.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta content="IE=edge" http-equiv="X-UA-Compatible">
7-
<meta name="theme-color" content="#fa83b0">
87
<meta content="width=device-width,initial-scale=1" name="viewport">
98
<meta content="my personal website" name="description">
109
<meta name="author" content="luauprogrammer">
@@ -17,18 +16,19 @@
1716
<link rel="shortcut icon" sizes="180x180" href="./images/favicon.ico">
1817
<link rel="icon" href="./images/favicon.ico">
1918

20-
<title>luau's webpage</title>
19+
<title>luau's website</title>
2120
</head>
2221
<svg id="fader"></svg>
2322
<div class="gradientAnimation">
2423
<h1 class="centeredButNotCentered">luauprogrammer</h1>
25-
<h3 id="subText" class="centeredButNotCenteredBelowNotCentered">nine alpha best anime boy</h3>
24+
<h3 id="subText" class="centeredButNotCenteredBelowNotCentered"> <a class='btn btn-link' style="color: #000000;"
25+
href='resume.html'>experiences & skills</a></h3>
2626
<div class="grid-container centered">
2727
<div class="grid-item"><a href="https://www.roblox.com/users/127378116/profile"> <button
2828
class="clickableButton"> <img src="./images/roblox.png" height="18" width="18" align="center">
2929
</button> </a>
3030
</div>
31-
<div class="grid-item"><a href="https://twitter.com/aydenlmao_"> <button class="clickableButton"> <img
31+
<div class="grid-item"><a href="https://twitter.com/schizoicecream"> <button class="clickableButton"> <img
3232
src="./images/twitter.png" height="18" width="18" align="center">
3333
</button> </a>
3434
</div>

‎main.js‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -5,24 +5,24 @@ function fadeInPage() {
55
var fader = document.getElementById('fader');
66
fader.classList.add('fade-out');
77
}
8-
8+
/*
99
function deviceType() {
10-
var ua = navigator.userAgent;
11-
if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua)) {
10+
var userAgent = navigator.userAgent;
11+
if (/Mobile|Android|iP(hone|od)|IEMobile|BlackBerry|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(userAgent)) {
1212
document.getElementById('subText').remove();
1313
}
1414
};
15-
15+
*/
1616
document.addEventListener('DOMContentLoaded', function () {
1717
if (!window.AnimationEvent) return;
1818
var anchors = document.getElementsByTagName('a');
1919

20-
for (var idx = 0; idx < anchors.length; idx += 1) {
21-
if (anchors[idx].hostname !== window.location.hostname ||
22-
anchors[idx].pathname === window.location.pathname) {
20+
for (var index = 0; index < anchors.length; index += 1) {
21+
if (anchors[index].hostname !== window.location.hostname ||
22+
anchors[index].pathname === window.location.pathname) {
2323
continue;
2424
}
25-
anchors[idx].addEventListener('click', function (event) {
25+
anchors[index].addEventListener('click', function (event) {
2626
var fader = document.getElementById('fader'),
2727
anchor = event.currentTarget;
2828

@@ -44,5 +44,5 @@ window.addEventListener('pageshow', function (event) {
4444
fader.classList.remove('fade-in');
4545
});
4646

47-
deviceType()
47+
//deviceType()
4848
fadeInPage() //now we fade in the page

‎resume.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta content="IE=edge" http-equiv="X-UA-Compatible">
7+
<meta content="width=device-width,initial-scale=1" name="viewport">
8+
<meta content="my skills & experiences" name="description">
9+
<meta name="author" content="luauprogrammer">
10+
<meta name="google" content="notranslate">
11+
<meta name="msapplication-tap-highlight" content="no">
12+
13+
<link rel="stylesheet" href="styles.css">
14+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
15+
<link rel="apple-touch-icon" sizes="180x180" href="./images/favicon.ico">
16+
<link rel="shortcut icon" sizes="180x180" href="./images/favicon.ico">
17+
<link rel="icon" href="./images/favicon.ico">
18+
19+
<title>luau's resume</title>
20+
</head>
21+
<svg id="fader"></svg>
22+
<div class="gradientAnimation">
23+
<h1 class="centeredTitle">luauprogrammer</h1>
24+
<h3 id="subText" class="centeredBelowTitle"> <a class='btn btn-link' style="color: #000000;"
25+
href='index.html'>homepage & contact information</a></h3>
26+
<ul class="centeredButNotCentered">
27+
<li>
28+
<h2> test </h2>
29+
</li>
30+
<li>test</li>
31+
<li>test</li>
32+
</ul>
33+
</div>
34+
<script src="main.js"></script>
35+
36+
</html>

‎styles.css‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,13 @@ body {
3333
gap: 10px;
3434
}
3535

36+
.centeredTitle {
37+
position: fixed;
38+
top: 15%;
39+
left: 50%;
40+
transform: translate(-50%, -50%);
41+
}
42+
3643
.centeredButNotCentered {
3744
position: fixed;
3845
top: 42%;
@@ -44,6 +51,15 @@ body {
4451
position: fixed;
4552
top: 46.5%;
4653
left: 50%;
54+
z-index: 50;
55+
transform: translate(-50%, -50%);
56+
}
57+
58+
.centeredBelowTitle {
59+
position: fixed;
60+
top: 19.5%;
61+
left: 50%;
62+
z-index: 50;
4763
transform: translate(-50%, -50%);
4864
}
4965

@@ -101,7 +117,7 @@ body {
101117
width: 100%;
102118
height: 100%;
103119
position: absolute;
104-
background: linear-gradient(45deg, #ffffff, #fa83b0, #5e5e5e);
120+
background: linear-gradient(45deg, #ff0000, #03ff25, #0228fd);
105121
background-size: 600% 100%;
106122
animation: gradient 16s linear infinite;
107123
animation-direction: alternate;

0 commit comments

Comments
 (0)