-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
21 changed files
with
1,085 additions
and
1,085 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,8 @@ | ||
# heliumpng | ||
|
||
- ### Personal website inspired by [Missing Semester](https://missing.csail.mit.edu/) made using [Astro](https://astro.build). | ||
- ### Website powered by [Astro](https://astro.build/) · Hosted on [Vercel](https://vercel.com/) | ||
|
||
|
||
© 2023 Ajay Chauhan / heliumpng | ||
🄯 Website code under AGPL-3.0-only | ||
# heliumpng | ||
|
||
- ### Personal website inspired by [Missing Semester](https://missing.csail.mit.edu/) made using [Astro](https://astro.build). | ||
- ### Website powered by [Astro](https://astro.build/) · Hosted on [Vercel](https://vercel.com/) | ||
|
||
|
||
© 2023 Ajay Chauhan / heliumpng | ||
🄯 Website code under AGPL-3.0-only |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
--- | ||
const { title, url } = Astro.props; | ||
--- | ||
--- | ||
const { title, url } = Astro.props; | ||
--- | ||
<li><a href={url}>{title}</a></li> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,101 +1,101 @@ | ||
--- | ||
import Social from "./Social.astro"; | ||
--- | ||
<a rel="me" class="hidden-link" href="https://mastodon.social/@heliumpng">Mastodon</a> | ||
<a rel="me" class="hidden-link" href="https://fosstodon.org/@ArcticLangoor">Mastodon</a> | ||
<hr class="border-(t-2 t-neutral-800) mt-24" /> | ||
|
||
<footer class="p-4 text-(neutral-400 center)" > | ||
<p style="color:rgb(163 163 163"> | ||
This website doesn't track you, have a nice day :) | ||
</p> | ||
<!-- <p class="text-neutral-400 text-sm"> | ||
This is a modified clone of <a href="https://github.com/nexxeln/nexxel.dev">nexxel.dev</a> | ||
</p> --> | ||
<div class="flex gap-6 items-center justify-center text-sm pt-2"> | ||
<a | ||
href="https://github.com/intincrab/heliumpng" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
width="24" | ||
height="24" | ||
viewBox="0 0 24 24" | ||
fill="white" | ||
> | ||
<path | ||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" | ||
></path> | ||
</svg> | ||
<span style="color:rgb(163 163 163">Github</span> | ||
</a> | ||
<a | ||
href="https://discord.com/users/ds" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 640 512" | ||
fill="white" | ||
width="24" | ||
height="24" | ||
> | ||
<path | ||
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" | ||
></path> | ||
</svg> | ||
<span style="color:rgb(163 163 163">Discord</span> | ||
</a> | ||
<a | ||
href="https://twitter.com/" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="icon icon-tabler icon-tabler-brand-twitter-filled" | ||
width="24" | ||
height="24" | ||
viewBox="0 0 24 24" | ||
stroke-width="2" | ||
stroke="currentColor" | ||
fill="white" | ||
stroke-linecap="round" | ||
stroke-linejoin="round" | ||
> | ||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> | ||
<path | ||
d="M14.058 3.41c-1.807 .767 -2.995 2.453 -3.056 4.38l-.002 .182l-.243 -.023c-2.392 -.269 -4.498 -1.512 -5.944 -3.531a1 1 0 0 0 -1.685 .092l-.097 .186l-.049 .099c-.719 1.485 -1.19 3.29 -1.017 5.203l.03 .273c.283 2.263 1.5 4.215 3.779 5.679l.173 .107l-.081 .043c-1.315 .663 -2.518 .952 -3.827 .9c-1.056 -.04 -1.446 1.372 -.518 1.878c3.598 1.961 7.461 2.566 10.792 1.6c4.06 -1.18 7.152 -4.223 8.335 -8.433l.127 -.495c.238 -.993 .372 -2.006 .401 -3.024l.003 -.332l.393 -.779l.44 -.862l.214 -.434l.118 -.247c.265 -.565 .456 -1.033 .574 -1.43l.014 -.056l.008 -.018c.22 -.593 -.166 -1.358 -.941 -1.358l-.122 .007a.997 .997 0 0 0 -.231 .057l-.086 .038a7.46 7.46 0 0 1 -.88 .36l-.356 .115l-.271 .08l-.772 .214c-1.336 -1.118 -3.144 -1.254 -5.012 -.554l-.211 .084z" | ||
stroke-width="0" | ||
fill=""></path> | ||
</svg> | ||
<span style="color: rgb(163, 163, 163);">Twitter</span> | ||
</a> | ||
</div> | ||
</footer> | ||
<style> | ||
|
||
div { | ||
display: flex; | ||
padding-top: 0.5rem; | ||
font-size: 0.875rem; | ||
line-height: 1.25rem; | ||
justify-content: center; | ||
align-items: center; | ||
gap: 1.5rem; | ||
} | ||
a { | ||
display: flex; | ||
transition-property: background-color, border-color, color, fill, stroke; | ||
transition-duration: 300ms; | ||
flex-direction: column; | ||
align-items: center; | ||
row-gap: 0.125rem; | ||
} | ||
p{ | ||
font-size: 0.875rem; | ||
line-height: 1.25rem; | ||
text-align: center; | ||
color: rgb(163 163 163); | ||
} | ||
.hidden-link{ | ||
display: none; | ||
} | ||
</style> | ||
--- | ||
import Social from "./Social.astro"; | ||
--- | ||
<a rel="me" class="hidden-link" href="https://mastodon.social/@heliumpng">Mastodon</a> | ||
<a rel="me" class="hidden-link" href="https://fosstodon.org/@ArcticLangoor">Mastodon</a> | ||
<hr class="border-(t-2 t-neutral-800) mt-24" /> | ||
|
||
<footer class="p-4 text-(neutral-400 center)" > | ||
<p style="color:rgb(163 163 163"> | ||
This website doesn't track you, have a nice day :) | ||
</p> | ||
<!-- <p class="text-neutral-400 text-sm"> | ||
This is a modified clone of <a href="https://github.com/nexxeln/nexxel.dev">nexxel.dev</a> | ||
</p> --> | ||
<div class="flex gap-6 items-center justify-center text-sm pt-2"> | ||
<a | ||
href="https://github.com/intincrab/heliumpng" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
width="24" | ||
height="24" | ||
viewBox="0 0 24 24" | ||
fill="white" | ||
> | ||
<path | ||
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" | ||
></path> | ||
</svg> | ||
<span style="color:rgb(163 163 163">Github</span> | ||
</a> | ||
<a | ||
href="https://discord.com/users/ds" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
viewBox="0 0 640 512" | ||
fill="white" | ||
width="24" | ||
height="24" | ||
> | ||
<path | ||
d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" | ||
></path> | ||
</svg> | ||
<span style="color:rgb(163 163 163">Discord</span> | ||
</a> | ||
<a | ||
href="https://twitter.com/" | ||
> | ||
<svg | ||
xmlns="http://www.w3.org/2000/svg" | ||
class="icon icon-tabler icon-tabler-brand-twitter-filled" | ||
width="24" | ||
height="24" | ||
viewBox="0 0 24 24" | ||
stroke-width="2" | ||
stroke="currentColor" | ||
fill="white" | ||
stroke-linecap="round" | ||
stroke-linejoin="round" | ||
> | ||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path> | ||
<path | ||
d="M14.058 3.41c-1.807 .767 -2.995 2.453 -3.056 4.38l-.002 .182l-.243 -.023c-2.392 -.269 -4.498 -1.512 -5.944 -3.531a1 1 0 0 0 -1.685 .092l-.097 .186l-.049 .099c-.719 1.485 -1.19 3.29 -1.017 5.203l.03 .273c.283 2.263 1.5 4.215 3.779 5.679l.173 .107l-.081 .043c-1.315 .663 -2.518 .952 -3.827 .9c-1.056 -.04 -1.446 1.372 -.518 1.878c3.598 1.961 7.461 2.566 10.792 1.6c4.06 -1.18 7.152 -4.223 8.335 -8.433l.127 -.495c.238 -.993 .372 -2.006 .401 -3.024l.003 -.332l.393 -.779l.44 -.862l.214 -.434l.118 -.247c.265 -.565 .456 -1.033 .574 -1.43l.014 -.056l.008 -.018c.22 -.593 -.166 -1.358 -.941 -1.358l-.122 .007a.997 .997 0 0 0 -.231 .057l-.086 .038a7.46 7.46 0 0 1 -.88 .36l-.356 .115l-.271 .08l-.772 .214c-1.336 -1.118 -3.144 -1.254 -5.012 -.554l-.211 .084z" | ||
stroke-width="0" | ||
fill=""></path> | ||
</svg> | ||
<span style="color: rgb(163, 163, 163);">Twitter</span> | ||
</a> | ||
</div> | ||
</footer> | ||
<style> | ||
|
||
div { | ||
display: flex; | ||
padding-top: 0.5rem; | ||
font-size: 0.875rem; | ||
line-height: 1.25rem; | ||
justify-content: center; | ||
align-items: center; | ||
gap: 1.5rem; | ||
} | ||
a { | ||
display: flex; | ||
transition-property: background-color, border-color, color, fill, stroke; | ||
transition-duration: 300ms; | ||
flex-direction: column; | ||
align-items: center; | ||
row-gap: 0.125rem; | ||
} | ||
p{ | ||
font-size: 0.875rem; | ||
line-height: 1.25rem; | ||
text-align: center; | ||
color: rgb(163 163 163); | ||
} | ||
.hidden-link{ | ||
display: none; | ||
} | ||
</style> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,47 +1,47 @@ | ||
import { h } from "preact"; | ||
import { useState } from "preact/hooks"; | ||
|
||
export default function Greeting({ messages }) { | ||
const randomMessage = () => | ||
messages[Math.floor(Math.random() * messages.length)]; | ||
|
||
const [greeting, setGreeting] = useState(messages[0]); | ||
|
||
const buttonStyles = { | ||
background: "#FFA7C4", | ||
border: "none", | ||
color: "black", | ||
padding: "10px 10px", | ||
textAlign: "center", | ||
textDecoration: "none", | ||
// display: 'inline', | ||
display: "inline-block", | ||
fontSize: "17px", | ||
margin: "10px 0", | ||
cursor: "pointer", | ||
transition: "background-color 0.3s ease-in-out", | ||
fontFamily: "monospace", | ||
}; | ||
|
||
const [hoverColor, setHoverColor] = useState(""); | ||
|
||
const handleHover = () => { | ||
const colors = ["#ff4136", "#0074d9", "#b10dc9", "#2ecc40", "#ff851b"]; | ||
const randomColor = colors[Math.floor(Math.random() * colors.length)]; | ||
setHoverColor(randomColor); | ||
}; | ||
|
||
return ( | ||
<div style={{ textAlign: "" }}> | ||
<h3>{greeting}! Thank you for visiting!</h3> | ||
<button | ||
style={{ ...buttonStyles, backgroundColor: hoverColor }} | ||
onMouseEnter={handleHover} | ||
onMouseLeave={() => setHoverColor("")} | ||
onClick={() => setGreeting(randomMessage())} | ||
> | ||
New Greeting | ||
</button> | ||
</div> | ||
); | ||
} | ||
import { h } from "preact"; | ||
import { useState } from "preact/hooks"; | ||
|
||
export default function Greeting({ messages }) { | ||
const randomMessage = () => | ||
messages[Math.floor(Math.random() * messages.length)]; | ||
|
||
const [greeting, setGreeting] = useState(messages[0]); | ||
|
||
const buttonStyles = { | ||
background: "#FFA7C4", | ||
border: "none", | ||
color: "black", | ||
padding: "10px 10px", | ||
textAlign: "center", | ||
textDecoration: "none", | ||
// display: 'inline', | ||
display: "inline-block", | ||
fontSize: "17px", | ||
margin: "10px 0", | ||
cursor: "pointer", | ||
transition: "background-color 0.3s ease-in-out", | ||
fontFamily: "monospace", | ||
}; | ||
|
||
const [hoverColor, setHoverColor] = useState(""); | ||
|
||
const handleHover = () => { | ||
const colors = ["#ff4136", "#0074d9", "#b10dc9", "#2ecc40", "#ff851b"]; | ||
const randomColor = colors[Math.floor(Math.random() * colors.length)]; | ||
setHoverColor(randomColor); | ||
}; | ||
|
||
return ( | ||
<div style={{ textAlign: "" }}> | ||
<h3>{greeting}! Thank you for visiting!</h3> | ||
<button | ||
style={{ ...buttonStyles, backgroundColor: hoverColor }} | ||
onMouseEnter={handleHover} | ||
onMouseLeave={() => setHoverColor("")} | ||
onClick={() => setGreeting(randomMessage())} | ||
> | ||
New Greeting | ||
</button> | ||
</div> | ||
); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,8 @@ | ||
--- | ||
--- | ||
|
||
<div class="hamburger"> | ||
<span class="line"></span> | ||
<span class="line"></span> | ||
<span class="line"></span> | ||
</div> | ||
--- | ||
--- | ||
|
||
<div class="hamburger"> | ||
<span class="line"></span> | ||
<span class="line"></span> | ||
<span class="line"></span> | ||
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,9 @@ | ||
--- | ||
import Hamburger from "./Hamburger.astro"; | ||
import Navigation from "./Navigation.astro"; | ||
import ThemeIcon from "./ThemeIcon.astro"; | ||
--- | ||
<header > | ||
<Hamburger /> | ||
<Navigation /> | ||
</header> | ||
--- | ||
import Hamburger from "./Hamburger.astro"; | ||
import Navigation from "./Navigation.astro"; | ||
import ThemeIcon from "./ThemeIcon.astro"; | ||
--- | ||
<header > | ||
<Hamburger /> | ||
<Navigation /> | ||
</header> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,12 +1,12 @@ | ||
--- | ||
import ThemeIcon from "./ThemeIcon.astro"; | ||
--- | ||
|
||
<header> | ||
<div class="nav-links"> | ||
<a href="/">./home</a> | ||
<a href="/about">about</a> | ||
<a href="/blog">blog</a> | ||
<a href="/tags">tags</a> | ||
</div> | ||
</header> | ||
--- | ||
import ThemeIcon from "./ThemeIcon.astro"; | ||
--- | ||
|
||
<header> | ||
<div class="nav-links"> | ||
<a href="/">./home</a> | ||
<a href="/about">about</a> | ||
<a href="/blog">blog</a> | ||
<a href="/tags">tags</a> | ||
</div> | ||
</header> |
Oops, something went wrong.
d724793
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
intincrab – ./
intincrab.vercel.app
intincrab-git-master-intincrab.vercel.app
www.heliumpng.tech
heliumpng.tech
intincrab-intincrab.vercel.app