-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (162 loc) · 5.58 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>LazyGuy-_-</title>
<link rel="stylesheet" href="./index.css" />
</head>
<body class="scrollbar">
<h1 id="title">lazy-guy</h1>
<main>
<section class="top-section">
<span class="desc">Here is some of the cool stuff that I made.</span>
<br />
<a href="https://github.com/lazy-guy" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
My GitHub Profile
</a>
<br />
<a href="https://ko-fi.com/Z8Z6E84CZ" id="kofi-link" target="_blank">
<img
height="36"
style="border: 0px; height: 36px"
src="https://cdn.ko-fi.com/cdn/kofi1.png?v=3"
border="0"
alt="Buy Me a Coffee at ko-fi.com"
/>
</a>
</section>
<section>
<h2>Web Apps:</h2>
<div class="card-container scrollbar">
<div class="card">
<img class="card-img" src="./imgs/tomo.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-icon-div">
<img src="/imgs/tomodoro.png" alt=" " class="card-icon" />
</div>
<div class="card-title">Tomodoro</div>
</div>
<div class="card-desc">
A pomodoro web app with PIP mode, white noise generation, tasks and more!
</div>
<div class="card-btns">
<a href="https://lazy-guy.github.io/tomodoro/index.html" class="link">Open</a>
<a href="https://github.com/lazy-guy/tomodoro" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="./imgs/reversi.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-icon-div">
<img src="/imgs/reversi-icon.png" alt=" " class="card-icon" />
</div>
<div class="card-title">Reversi</div>
</div>
<div class="card-desc">A simple reversi game written in JavaScript</div>
<div class="card-btns">
<a href="https://lazy-guy.github.io/reversi/index.html" class="link">Open</a>
<a href="https://github.com/lazy-guy/reversi" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="./imgs/clock.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-icon-div">
<img src="/imgs/clockicon.png" alt=" " class="card-icon" />
</div>
<div class="card-title">Clock</div>
</div>
<div class="card-desc">It's a clock. That's it</div>
<div class="card-btns">
<a href="https://lazy-guy.github.io/clock/index.html" class="link">Open</a>
<a href="https://github.com/lazy-guy/clock" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="./imgs/compass.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-icon-div">
<img src="/imgs/compass-icon.png" alt=" " class="card-icon" />
</div>
<div class="card-title">Compass</div>
</div>
<div class="card-desc">
A simple compass web app. Does not work on (most) Desktop devices.
</div>
<div class="card-btns">
<a href="https://lazy-guy.github.io/simple-compass/index.html" class="link">Open</a>
<a href="https://github.com/lazy-guy/simple-compass" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
<div class="card">
<img class="card-img" src="./imgs/weather.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-icon-div">
<img src="/imgs/weather-icon.png" alt=" " class="card-icon" />
</div>
<div class="card-title">Weather</div>
</div>
<div class="card-desc">A weather app made using OpenWeatherMap API</div>
<div class="card-btns">
<a href="https://lazy-guy.github.io/dark-weather/index.html" class="link">Open</a>
<a href="https://github.com/lazy-guy/dark-weather" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
</div>
</section>
<section>
<h2>Userstyles:</h2>
<div class="card-container scrollbar">
<div class="card" id="crenhancer">
<img class="card-img" src="./imgs/blueishdark.png" alt=" " />
<div class="card-details">
<div class="card-info">
<div class="card-title">Crunchyroll Enhancer</div>
</div>
<div class="card-desc">
Enhance the UI of Crunchyroll. Does not work with the new beta redesign.
</div>
<div class="card-btns">
<a href="https://userstyles.world/style/2251/crunchyroll-enhancer" class="link">
Open
</a>
<a href="https://github.com/lazy-guy/crunchyroll-enhancer" class="github link">
<img src="./imgs/GitHub-Mark-64px.png" alt="GitHub" />
View on GitHub
</a>
</div>
</div>
</div>
</div>
</section>
</main>
</body>
</html>