-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
128 lines (125 loc) · 5.92 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
<head>
<title>Babyyoda777 | iOS Jailbreak Developer</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="iOS Jailbreak and Web Developer">
<link rel="stylesheet" href="./style.css">
<link rel="icon" type="image/png" href="img/me.png"/>
<link rel="manifest" href="manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet">
<script type="module">
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
const el = document.createElement('pwa-update');
document.body.appendChild(el);
</script>
</head>
<body>
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox" />
<div class="slider round">
<div class="roll">
</div>
</div>
</label>
</div>
<nav class="navbar">
<div class="">
<a href="mailto:[email protected]" class="nav-logo">📬 [email protected]</a>
</div>
<ul class="nav-menu">
<li class="nav-item">
<a href="#aboutme" class="nav-link">About</a>
</li>
<li class="nav-item">
<a href="#work" class="nav-link">Work</a>
</li>
<li class="nav-item">
<a href="#repo" class="nav-link">Repo</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">Contact</a>
</li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<section class="hero">
<div class="avatar">
<img src="img/me.png" height="160px" alt="">
</div>
<div class="hi">
<h2>Hi, I'm babyyoda777 👋</h2>
</div>
<div>
<h1 class="typed-headline">
<span class="typed-words"></span>
</h1>
</div>
</section>
<section id="aboutme">
<h1>About Me:</h1>
<h3>Hi! I'm babyyoda777, a iOS developer based in UK, and recent tweak developer in the jailbreak community. I am passionate about creating user experiences that are both performant and responsive, whether it be transforming another person's design into code, or building personal web app projects for myself and others.
<br> </br> As a developer, I'm constantly trying to improve upon my current skills/technologies while learning new ones. Currently, I have professional work experience with HTML, CSS, Python, ReactJS, Objecive-C, and Swift . As for new skills, I'm not only learning new technologies like TailwindCSS and GatsbyJS, but also learning to be better equipped for creating accessible experiences (following WCAG), and for better performance in my websites and web applications.
The following is a list of technologies that I currently work with for personal projects, and also ones that I've had varying levels of experience with and would be willing to pick up again whether for a personal or work-related project.</h3>
</section>
<section id="work">
<h1>My Work:</h1>
<div class="project">
<h3 class="title">DieBackground:</h3>
<div class="ches">
</div>
<img class="showcase" src="img/die.png" alt="">
<h3 class="description">A somewhat more complicated tweak, and looks much nicer as well! This was my second ever tweak. DieBackground hides the folder icon background on homescreen, folder blur when open and homscreen when open.</h3>
</div>
<div class="project">
<h3 class="title2">CleanUp:</h3>
<div class="ches2">
</div>
<img class="showcase" src="img/clean.png" alt="">
<h3 class="description">My most comprehensive tweak. Cleans iOS up and removes clutter. No options to configure. Sort of alternative for NoClutter that works on iOS 14.</h3>
</div>
</section>
<section id="repo">
<h1 class="addrepo">Add My Repo:</h1>
<h3>Add my repo to your favoutire package manager.</h3>
<div class="repo">
<a class="cydia" href="cydia://url/https://babyyoda777.github.io">Cydia</a>
<a class="installer" href="installer://add/repo=https://babyyoda777.github.io">Installer</a>
<a class="zebra" href="zbra://sources/add/https://babyyoda777.github.io">Zebra</a>
<a class="sileo" href="sileo://source/https://babyyoda777.github.io">Sileo</a>
</div>
</section>
<section id="contact">
<h1>Contact Me:</h1>
<h3>You can contact me by email:</h3>
<h3 class="title1"><a href="mailto:[email protected]">[email protected]</a></h3>
<h3>Or on Reddit:</h3>
<h3><a class="title3"href="https://reddit.com/u/AmountOk3836">u/AmountOk3836</a></h3>
</section>
<script src="./script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.10/typed.min.js"></script>
<script type="text/javascript">
var typed = new Typed(".typed-words", {
strings: ["Developer", "Designer", "Creator"],
typeSpeed: 80,
backSpeed: 120,
backDelay: 720,
startDelay: 0,
loop: true,
showCursor: false,
cursorChar: "|",
attr: null,
});
</script>
<script src="./pwabuilder-sw.js" charset="utf-8"></script>
<script src="./pwabuilder-sw-register.js" charset="utf-8"></script>
</body>
</html>