-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (130 loc) · 7.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JoshAtticus</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/styles.css">
<!-- PWA Manifest - Not sure why you'd want it but also has favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/manifest/apple-touch-icon.png?v3=true">
<link rel="icon" type="image/png" sizes="32x32" href="/manifest/favicon-32x32.png?v3=true">
<link rel="icon" type="image/png" sizes="16x16" href="/manifest/favicon-16x16.png?v3=true">
<link rel="manifest" href="/manifest/site.webmanifest?v3=true">
<link rel="mask-icon" href="/manifest/safari-pinned-tab.svg?v3=true" color="#000000">
<link rel="shortcut icon" href="/manifest/favicon.ico?v3=true">
<meta name="apple-mobile-web-app-title" content="JoshAtticus">
<meta name="application-name" content="JoshAtticus">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="/manifest/mstile-144x144.png?v3=true">
<meta name="msapplication-config" content="/manifest/browserconfig.xml?v3=true">
<meta name="theme-color" content="#000000">
</head>
<body>
<div class="container">
<header>
<svg class="cube-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
fill="none" preserveAspectRatio="xMidYMid meet" style="fill: none;" version="1.0"
viewBox="2.0 1.0 20.0 22.1" zoomAndPan="magnify" original_string_length="1690">
<g id="__id195_sdahp5k9q">
<path clip-rule="evenodd"
d="M21.5071 5.13813C21.8125 5.31781 22 5.64568 22 6V17.4286C22 17.8051 21.7885 18.1496 21.4529 18.3202L12.4529 22.8916C12.1429 23.049 11.7733 23.0342 11.477 22.8523C11.1806 22.6704 11 22.3477 11 22V11C11 10.6368 11.1969 10.3022 11.5144 10.1258L20.5144 5.12584C20.8241 4.95377 21.2017 4.95844 21.5071 5.13813ZM13 11.5884V20.3705L20 16.8149V7.69951L13 11.5884Z"
fill-rule="evenodd" style="fill: rgb(255, 255, 255);"></path>
</g>
<g id="__id196_sdahp5k9q">
<path clip-rule="evenodd"
d="M11.5939 1.08619C11.8524 0.971271 12.1476 0.971271 12.4061 1.08619L21.4061 5.08619C21.7526 5.24017 21.9822 5.57682 21.999 5.95558C22.0159 6.33433 21.8171 6.69004 21.4856 6.87416L12.4856 11.8742C12.1836 12.0419 11.8164 12.0419 11.5144 11.8742L2.51436 6.87416C2.18294 6.69004 1.98415 6.33433 2.00099 5.95558C2.01783 5.57682 2.24741 5.24017 2.59387 5.08619L11.5939 1.08619ZM5.23828 6.09953L12 9.85604L18.7617 6.09953L12 3.09432L5.23828 6.09953Z"
fill-rule="evenodd" style="fill: rgb(255, 255, 255);"></path>
</g>
<g id="__id197_sdahp5k9q">
<path clip-rule="evenodd"
d="M2.49287 5.13813C2.18749 5.31781 2 5.64568 2 6V17.4286C2 17.8051 2.21146 18.1496 2.54713 18.3202L11.5471 22.8916C11.8571 23.049 12.2267 23.0342 12.523 22.8523C12.8194 22.6704 13 22.3477 13 22V11C13 10.6368 12.8031 10.3022 12.4856 10.1258L3.48564 5.12584C3.17591 4.95377 2.79825 4.95844 2.49287 5.13813ZM11 11.5884V20.3705L4 16.8149V7.69951L11 11.5884Z"
fill-rule="evenodd" style="fill: rgb(255, 255, 255);"></path>
</g>
</svg>
<h1>Hey there!</h1>
<p class="subtitle">I'm JoshAtticus</p>
</header>
<section class="projects">
<h2>Projects</h2>
<div class="project">
<div class="project-info">
<strong>Leo for Meower</strong>
<p>An awesome fork of meo with more features</p>
</div>
<div class="project-links">
<a href="https://github.com/JoshAtticus/leo" target="_blank" title="GitHub"><i
class="fab fa-github"></i></a>
<a href="https://leo.atticat.tech" target="_blank" title="Website"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="project">
<div class="project-info">
<strong>Megi</strong>
<p>A wild chat app appears</p>
</div>
<div class="project-links">
<a href="https://github.com/JoshAtticus/megi" target="_blank" title="GitHub"><i
class="fab fa-github"></i></a>
<a href="https://megi.atticat.tech" target="_blank" title="Website"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="project">
<div class="project-info">
<strong>AtticusOS</strong>
<p>An awesome webtop with a pleasant UI, text editor, web browser, clock and more!</p>
</div>
<div class="project-links">
<a href="https://github.com/JoshAtticus/os" target="_blank" title="GitHub"><i
class="fab fa-github"></i></a>
<a href="https://os.atticat.tech" target="_blank" title="Website"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
</div>
<div class="project">
<div class="project-info">
<strong>3DTouchScale</strong>
<p>Simple scale PWA using 3D Touch</p>
</div>
<div class="project-links">
<a href="https://github.com/JoshAtticus/3DTouchScale" target="_blank" title="GitHub"><i
class="fab fa-github"></i></a>
<a href="/projects/3DTouchScale/index.html" target="_blank" title="Website"><i class="fas fa-arrow-up-right-from-square"></i></a>
</div>
</div>
</section>
<h2>Socials & Contact</h2>
<section class="socials">
<a href="https://discord.gg/3svRDWNr" target="_blank" class="social-icon">
<img src="assets/icons/Discord.png" alt="Discord">
<div class="platform">Discord</div>
<div class="username">@joshatticus</div>
</a>
<a href="https://github.com/JoshAtticus" target="_blank" class="social-icon">
<img src="assets/icons/GitHub.png" alt="GitHub">
<div class="platform">GitHub</div>
<div class="username">@JoshAtticus</div>
</a>
<a href="https://leo.atticat.tech?openprofile=JoshAtticus" target="_blank" class="social-icon">
<img src="assets/icons/Meower.png" alt="Meower">
<div class="platform">Meower</div>
<div class="username">@JoshAtticus</div>
</a>
<a href="https://www.tiktok.com/@atticusjosh" target="_blank" class="social-icon">
<img src="assets/icons/TikTok.png" alt="TikTok">
<div class="platform">TikTok</div>
<div class="username">@atticusjosh</div>
</a>
<a href="https://twitter.com/AoshJatticus" target="_blank" class="social-icon">
<img src="assets/icons/Twitter.png" alt="Twitter">
<div class="platform">Twitter</div>
<div class="username">@AoshJatticus</div>
</a>
</section>
<div class="email">
<i class="fas fa-envelope"></i> <a href="mailto:[email protected]"
class="email">[email protected]</a>
</div>
</div>
</body>
</html>