forked from zachary7829/blog
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (82 loc) · 3.01 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
<!DOCTYPE html>
<html>
<head>
<style>
a {
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: lightgreen;
}
}
@media (prefers-color-scheme: light) {
/*
light mode. not used atm but just in case i want to ever add a light mode to my site
*/
body {
background-color: black;
color: lightgreen;
}
}
.site-nav {
border-radius:10px;
display: flex;
background: #252a34;
color: white;
padding: 1em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.mypfp {
border-radius:100px;
max-width: 10%;
max-width: 10%;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
.githublink {
background: linear-gradient(to right, royalblue, royalblue 50%, lightblue 50%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position 275ms ease;
/*
The above code is imo really cool, and looks really solid
i must confess, however: i looked up how to do it, and the tut is from here https://css-tricks.com/4-ways-to-animate-the-color-of-a-text-link-on-hover/#:~:text=To%20change%20the%20link%20fill%20color%2C%20set%20the,element%20to%20complete%20the%20text%20effect%20on%20hover%3A
*/
color: lightblue;
text-align: right;
}
.githublink:hover {
color: royalblue;
background-position: 0 100%;
}
</style>
</head>
<body>
<nav class="site-nav">zachary7829's Blog<a class="githublink" href="https://github.com/zachary7829"> GitHub</a></a></nav>
<center><img class="mypfp" src="https://avatars.githubusercontent.com/u/56700161?v=4">
<h1>Zachary Keffaber</h1>
<p><strong>Python / JavaScript / C Programmer.</strong></center></p>
<p><center>Hello! Welcome to my site. I mainly program in Python, JavaScript, and C, along with a <i>tiny</i> bit of knowledge of some other languages ex Objective-C, C++, and x86 assembly. I am currently learning web design, and CSS is pretty neat. Check out my projects below:</center></p>
<p><center><button onclick="window.location.href = 'https://github.com/zachary7829/ButtermilkAppiOS';">Buttermilk iOS App</button></p>
<small>heavily WIP libbuttermilk frontend, make apple shortcuts with text</a></small>
<p><center><button onclick="window.location.href = 'https://github.com/zachary7829/libbuttermilk';">libbuttermilk</button></p>
<small>library for short2butter and butter2short pouring</a></small>
<p><center><button onclick="window.location.href = 'https://zachary7829.github.io/CydiaRepo';">Pastcuts</button></p>
<small>Jailbreak tweak to import iOS 15 shortcuts on iOS 13/14</a></small>
<p><center><button onclick="window.location.href = 'https://zachary7829.github.io/blog/shortcuts';">Deep Into Shortcuts</button></p>
<small>Section of blog dedicated to the Shortcuts application.</a></small>
</body>
</html>