-
Notifications
You must be signed in to change notification settings - Fork 20
/
theme0.html
182 lines (163 loc) · 9.5 KB
/
theme0.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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Portfolio | terminal Welcome to my portfolio! — Type help for a list of supported commands.">
<meta name="keywords" content="prithvi, prithviYewale, portfolio, HTML, CSS, prithvi_yewale">
<meta name="author" content="Prithvi Yewale">
<meta http-equiv="refresh" content="250">
<link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon" />
<link href="main0.css" rel="stylesheet" />
<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=Ubuntu:wght@300&display=swap" rel="stylesheet">
<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=Roboto:wght@100&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/39565093f3.js""></script>
<script>function close_window() {
if (confirm(" Close Window?")) { close(); }
} </script>
<script
src="https://code.jquery.com/jquery-3.6.1.js"
integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI="
crossorigin="anonymous"></script>
<script type="text/javascript">
$.getJSON('https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=prithvijeet&api_key=88014e31fee3feab453dcef4f428e4dc&format=json',
function (data) {
let artist = document.getElementById("song")
let name = document.getElementById("track")
track = $(".track"),
artistVal = data.recenttracks.track[0].artist["#text"],
trackVal = data.recenttracks.track[0].name;
artist.append(artistVal);
name.append(trackVal);
});
</script>
<title>Prithvi Sanjay Yewale</title>
</head>
<body style="font-family: 'Ubuntu', sans-serif;" class="overflow-hidden lazy text-[1.1rem] overflow-y-scroll">
<div class="m-2 relative overflow-hidden" onclick="document.getElementById('texter').focus();">
<div
class="ring-1 ring-purple-500 bg-[#081d2dd8] border-[#7AE0CA] border hover:backdrop-blur-sm rounded-[2px] shadow-xl shadow-[#1d1e1fb4] resize overflow-y-scroll"
style="max-height: calc(100vh + 2rem);">
<header>
<p class="p-2 text-center text-slate-400">
<a href="https://github.com/cosmicwanderer7/" target="blank"><i
class="fa-brands fa-github pt-[2.5px] text-xl float-left text-slate-500 hover:text-pink-800"></i>prithvi@archrx5500m</a>
<a href="javascript:close_window();"><i
class="fa-solid fa-circle-xmark pt-[2.5px] text-xl justify-end text-slate-500 hover:text-red-500 items-end float-right"></i></a>
</p>
<hr class="border-[#7AE0CA]">
</header>
<div class="p-4">
<div class="flex flex-col md:flex-row">
<pre
class="ascii pt-2 pb-5 prose lg:prose-xl text-[#8de2d0ac] whitespace-pre-wrap inline-block break-words leading-none"
style="font-family: monospace,-webkit-pictograph;">
█▀█ █▀█ █ ▀█▀ █░█ █░█ █
█▀▀ █▀▄ █ ░█░ █▀█ ▀▄▀ █
</pre>
<div class="pl-2 float-right" ; style="font-family: 'Ubuntu', sans-serif;">
<div class="text-[#7AE0CA] md:text-[16px] text-[15px]"><i
class="fa-solid fa-address-card pr-[0.9rem]"></i>Prithvi Sanjay
Yewale
<pre class="text-[#8DE2D0]">-------------------</pre>
</div>
<a href="https://drive.google.com/file/d/1TEDi7fgC7Neo9SMWVlLOsBSFoZ0wzbBg/view?usp=sharing">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-solid fa-file-invoice pr-[1rem] justify-items-start"></i>Resume<a
href="https://drive.google.com/file/d/1TEDi7fgC7Neo9SMWVlLOsBSFoZ0wzbBg/view?usp=sharing"
class="text-[14.8px] p-1">→ Download my resume....</a></div>
<a href="https://github.com/cosmicwanderer7" target="blank">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-brands fa-github pr-[0.7rem] justify-items-start"></i>Github<a
href="https://github.com/cosmicwanderer7" target="blank" class="text-[14.8px] p-1 ">→
github/cosmicwanderer7</a></div>
<a href="https://twitter.com/PrithviYewale" target="blank">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-brands fa-twitter pr-[0.7rem] justify-items-start"></i>Twitter<a
href="https://twitter.com/PrithviYewale" target="blank" class="text-[14.8px] p-1">→
twitter/PrithviYewale</a></div>
<a href="https://www.linkedin.com/in/prithvi-yewale-a77275228/" target="blank">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-brands fa-linkedin-in pr-[0.9rem] justify-items-start"></i>Linkedin<a
href="https://www.linkedin.com/in/prithvi-yewale-a77275228/" target="blank"
class="text-[14.8px] p-1">→ linkedin/prithviYewale</a></div>
<a href="https://www.instagram.com/prithvi_yewale/" target="blank">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-brands fa-instagram pr-[0.9rem] justify-items-start"></i>Instagram<a
href="https://www.instagram.com/prithvi_yewale/" target="blank" class="text-[14.8px] p-1">→
instagram/prithvi_yewale</a></div>
<a href="https://dev.to/cosmicwanderer7" target="blank">
<div class="text-[#7AE0CA] text-[17.3px]"><i
class="fa-brands fa-dev pr-[0.8rem] justify-items-start"></i>Dev<a
href="https://dev.to/cosmicwanderer7" target="blank" class="text-[14.8px] p-1">→
dev.to/cosmicwanderer7</a></div>
</div>
</div>
<div id="terminal">
<a id="before"></a>
</div>
<div id="command" onclick="$('texter').focus();">
<input type="text" id="texter" class="texter" onkeyup="typeIt(this, event)" onkeydown="typeIt(this, event);
moveIt(this.value.length, event)" onkeypress="typeIt(this, event);"></input>
<div id="liner">
<span id="typer"></span><b class="cursor" id="cursor">█</b>
<div class="list"></div>
</div>
</div>
<footer class="lg:pt-[28.5%] pt-[100%]">
<div
class="p-2 bg-[#061826a7] border-[#7AE0CA] border rounded-[2px] w-full md:w-max float-right relative bottom-4 ">
<div class="flex flex-row p-1">
<a href="https://open.spotify.com/user/hujjcueiis2t6210i0xvfvfsf"><i
class="fa-brands fa-spotify animate-none md:animate-spin md:text-[5rem] text-[3rem] "
style="animation-duration: 12s;"></i>
<div class="">
<div class="flex md:flex-col flex-row pl-2 text-[15px] md:text-[17px]">Now Listening
to......
</a>
<div class="underline text-[15px] md:text-[17px]">
<div class=”artist” id="track">Track: </div>
<div class="text-[15px] md:text-[17px]"></div>
<div class=”track” id="song">Artist: </div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
<img alt="Creative Commons License" style="width: 114px;
height: 47px; padding-bottom: 7px; opacity: 0.5;"
src="https://user-images.githubusercontent.com/65147258/209966249-88275ba5-75a3-4a4e-af1c-7d861c5cf838.png" /></a>
<div style=" font-size: 12px;"><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Terminal-styled
portfolio</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="#" property="cc:attributionName"
rel="cc:attributionURL">Prithvi Yewale</a> is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike
4.0 International License</a>.
<br />Based on a work at <a xmlns:dct="http://purl.org/dc/terms/"
href="https://github.com/cosmicwanderer7/portfolio" rel="dct:source">github.com/cosmicwanderer7/portfolio</a>
</div>
</div>
<script>
// Function to check if the specific key combination is pressed
function checkKeyCombination(event) {
// Check if "Ctrl", "Alt", and "F8" keys are pressed
if (event.ctrlKey && event.altKey && event.key === "F8") {
// Redirect to the desired page
window.location.href = "https://cosmicwanderer7.github.io/pixelated/"; // Replace with the URL of the page you want to load
}
}
// Event listener to detect key press
document.addEventListener("keydown", checkKeyCombination);
</script>
<script src="./js/caret.js"></script>
<script src="./js/commands.js"></script>
<script src="./js/main.js"></script>
</body>
</html>