Skip to content

Commit 8caae71

Browse files
f4fdf4fd
authored
Added my files
0 parents  commit 8caae71

File tree

9 files changed

+2525
-0
lines changed

9 files changed

+2525
-0
lines changed

‎f4fdportfolio/firebase.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"hosting": {
3+
"public": "public",
4+
"ignore": [
5+
"firebase.json",
6+
"**/.*",
7+
"**/node_modules/**"
8+
]
9+
}
10+
}

‎f4fdportfolio/public/404.html

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<title>Page Not Found</title>
7+
8+
<style media="screen">
9+
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
10+
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px 16px; border-radius: 3px; }
11+
#message h3 { color: #888; font-weight: normal; font-size: 16px; margin: 16px 0 12px; }
12+
#message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
13+
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
14+
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
15+
#message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
16+
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
17+
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
18+
@media (max-width: 600px) {
19+
body, #message { margin-top: 0; background: white; box-shadow: none; }
20+
body { border-top: 16px solid #ffa100; }
21+
}
22+
</style>
23+
</head>
24+
<body>
25+
<div id="message">
26+
<h2>404</h2>
27+
<h1>Page Not Found</h1>
28+
<p>The specified file was not found on this website. Please check the URL for mistakes and try again.</p>
29+
<h3>Why am I seeing this?</h3>
30+
<p>This page was generated by the Firebase Command-Line Interface. To modify it, edit the <code>404.html</code> file in your project's configured <code>public</code> directory.</p>
31+
</div>
32+
</body>
33+
</html>

‎f4fdportfolio/public/index.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv = "refresh" content = "0.1; url = index/index.html" />
7+
<title>Loading</title>
8+
</head>
9+
<body>
10+
<style>
11+
body{
12+
background-color: #202020;
13+
}
14+
</style>
15+
</body>
16+
</html>

‎f4fdportfolio/public/index/f4fd.png

30.8 KB
Loading

‎f4fdportfolio/public/index/index.html

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge">
7+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
8+
<link rel="stylesheet" href="style.css">
9+
<link rel="shortcut icon" href="f4fd.png" type="image/x-icon">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer">
11+
<title>f4fd | Portfolio</title>
12+
</head>
13+
<body>
14+
<!-- particles.js container -->
15+
16+
<div class="panel">
17+
<div class="grid-2">
18+
<div class="section-1">
19+
<img src="f4fd.png">
20+
<h2></h2>
21+
<div class="scroller">
22+
<span>
23+
F4fd<br/>
24+
A.E. Robotics<br/>
25+
Jack
26+
</span>
27+
</div>
28+
<p>Based in Texas</p>
29+
<a href="https://youtube.com/@A.E.Robotics"><i class="fab fa-youtube" style="color: aliceblue;"></i></a>
30+
<a href="https://github.com/f4fd"><i class="fab fa-github" style="color: aliceblue;"></i></a>
31+
<a href="https://www.reddit.com/user/AE-Robotics/"><i class="fab fa-reddit" style="color: aliceblue;"></i></a>
32+
<div id="particles-js"></div>
33+
34+
<footer>
35+
| © Copyright <script>document.write(new Date().getFullYear())</script> f4fd | All Rights Reserved |
36+
<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="f4fd" data-description="Support me on Buy me a coffee!" data-message="Helps me stay up and would be much appreciated :)" data-color="#404040" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
37+
</footer>
38+
</div>
39+
40+
<div class="section-2">
41+
<h2>About</h2>
42+
<p>
43+
I am a self-taught web designer, hacker, and engineer. I am a teenager, and I also like crafting and drawing. I started programming in 2020, and started engineering in 2021.
44+
</p>
45+
<h2>Experience</h2>
46+
<p>I do not have a job of any sorts, unless you count youtube as one, though I do not get monetized yet. I have experience with multiple different languages, which are listed under skills.</p>
47+
48+
<h2>Skills</h2>
49+
<div class="max-w-6xl mx-auto p-8"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 bg-gray-700 rounded-lg p-4"><div class="skill mb-4"><h3 class="mb-2 text-lg text-white flex items-center"><i class="fab fa-html5 mr-2"></i> HTML <span class="ml-2 text-sm text-gray-400">100%</span></h3><div class="w-full bg-gray-300 rounded-lg overflow-hidden"><div class="h-4 bg-green-500 w-[100%]"></div></div></div><div class="skill mb-4"><h3 class="mb-2 text-lg text-white flex items-center"><i class="fab fa-square-js mr-2"></i> Javascript <span class="ml-2 text-sm text-gray-400">100%</span></h3><div class="w-full bg-gray-300 rounded-lg overflow-hidden"><div class="h-4 bg-green-500 w-[100%]"></div></div></div><div class="skill mb-4"><h3 class="mb-2 text-lg text-white flex items-center"></path></g></svg><i class="fa fa-hashtag" aria-hidden="true"></i>‎ CSS <span class="ml-2 text-sm text-gray-400">98%</span></h3><div class="w-full bg-gray-300 rounded-lg overflow-hidden"><div class="h-4 bg-green-500 w-[98%]"></div></div></div><div class="skill mb-4"><h3 class="mb-2 text-lg text-white flex items-center"><i class="fas fa-hammer mr-2"></i> Bug testing <span class="ml-2 text-sm text-gray-400">95%</span></h3><div class="w-full bg-gray-300 rounded-lg overflow-hidden"><div class="h-4 bg-green-500 w-[95%]"></div></div></div><div class="skill mb-4"><h3 class="mb-2 text-lg text-white flex items-center"><i class="fa-brands fa-python"></i> ‎ ‎ Python <span class="ml-2 text-sm text-gray-400">65%</span></h3><div class="w-full bg-gray-300 rounded-lg overflow-hidden"><div class="h-4 bg-green-500 w-[65%]"></div></div></div></div></div>
50+
51+
<h2>Projects</h2>
52+
<br>
53+
<a class="projects" href="https://schoolhouse-learning.web.app">Sn0W
54+
<p>A site filled to the brim with games.</p>
55+
</a>
56+
57+
<br>
58+
59+
<a class="projects" href="https://canva-s.web.app">Unblocker
60+
<p>A proxy search engine for unblocking sites - Discontinued but still up.</p>
61+
</a>
62+
<br>
63+
64+
</div>
65+
</div>
66+
67+
</div>
68+
69+
<!-- scripts -->
70+
<script src="js/particles.js"></script>
71+
<script src="js/app.js"></script>
72+
73+
74+
</body>
75+
</html>

‎f4fdportfolio/public/index/js/app.js

+133
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
/* -----------------------------------------------
2+
/* How to use? : Check the GitHub README
3+
/* ----------------------------------------------- */
4+
5+
/* To load a config file (particles.json) you need to host this demo (MAMP/WAMP/local)... */
6+
/*
7+
particlesJS.load('particles-js', 'particles.json', function() {
8+
console.log('particles.js loaded - callback');
9+
});
10+
*/
11+
12+
/* Otherwise just put the config content (json): */
13+
14+
particlesJS('particles-js',
15+
16+
{
17+
"particles": {
18+
"number": {
19+
"value": 80,
20+
"density": {
21+
"enable": true,
22+
"value_area": 800
23+
}
24+
},
25+
"color": {
26+
"value": "#ffffff"
27+
},
28+
"shape": {
29+
"type": "circle",
30+
"stroke": {
31+
"width": 0,
32+
"color": "#000000"
33+
},
34+
"polygon": {
35+
"nb_sides": 5
36+
},
37+
"image": {
38+
"src": "img/github.svg",
39+
"width": 100,
40+
"height": 100
41+
}
42+
},
43+
"opacity": {
44+
"value": 0.5,
45+
"random": false,
46+
"anim": {
47+
"enable": false,
48+
"speed": 1,
49+
"opacity_min": 0.1,
50+
"sync": false
51+
}
52+
},
53+
"size": {
54+
"value": 5,
55+
"random": true,
56+
"anim": {
57+
"enable": false,
58+
"speed": 40,
59+
"size_min": 0.1,
60+
"sync": false
61+
}
62+
},
63+
"line_linked": {
64+
"enable": true,
65+
"distance": 150,
66+
"color": "#ffffff",
67+
"opacity": 0.4,
68+
"width": 1
69+
},
70+
"move": {
71+
"enable": true,
72+
"speed": 6,
73+
"direction": "none",
74+
"random": false,
75+
"straight": false,
76+
"out_mode": "out",
77+
"attract": {
78+
"enable": false,
79+
"rotateX": 600,
80+
"rotateY": 1200
81+
}
82+
}
83+
},
84+
"interactivity": {
85+
"detect_on": "canvas",
86+
"events": {
87+
"onhover": {
88+
"enable": true,
89+
"mode": "repulse"
90+
},
91+
"onclick": {
92+
"enable": true,
93+
"mode": "push"
94+
},
95+
"resize": true
96+
},
97+
"modes": {
98+
"grab": {
99+
"distance": 400,
100+
"line_linked": {
101+
"opacity": 1
102+
}
103+
},
104+
"bubble": {
105+
"distance": 400,
106+
"size": 40,
107+
"duration": 2,
108+
"opacity": 8,
109+
"speed": 3
110+
},
111+
"repulse": {
112+
"distance": 200
113+
},
114+
"push": {
115+
"particles_nb": 4
116+
},
117+
"remove": {
118+
"particles_nb": 2
119+
}
120+
}
121+
},
122+
"retina_detect": true,
123+
"config_demo": {
124+
"hide_card": false,
125+
"background_color": "#b61924",
126+
"background_image": "",
127+
"background_position": "50% 50%",
128+
"background_repeat": "no-repeat",
129+
"background_size": "cover"
130+
}
131+
}
132+
133+
);

0 commit comments

Comments
 (0)