-
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
Mohammad macbook
committed
Mar 28, 2024
1 parent
2dcab8f
commit bf7816e
Showing
4 changed files
with
138 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 |
---|---|---|
|
@@ -30,6 +30,10 @@ body { | |
|
||
} | ||
|
||
img { | ||
width: 100%; | ||
} | ||
|
||
a { | ||
font-weight: 400; | ||
color: var(--url-color); | ||
|
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
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 |
---|---|---|
@@ -0,0 +1,128 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<!-- Global site tag (gtag.js) - Google Analytics --> | ||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JXDFZEKF37"></script> | ||
<script> | ||
window.dataLayer = window.dataLayer || [] | ||
function gtag() { | ||
window.dataLayer.push(arguments) | ||
} | ||
gtag('js', new Date()) | ||
gtag('config', 'G-JXDFZEKF37', { transport_type: 'beacon' }) | ||
</script> | ||
<!-- End gtag.js --> | ||
|
||
<title>The Shelf</title> | ||
|
||
<link rel="stylesheet" href="../base.css" /> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
<div id="description-container" class="subcontainer"> | ||
<div class="item-title">The Shelf</div> | ||
<div class="item-description item-subtitle"> | ||
|
||
<p> | ||
Two years ago, I created this website with the hopes that it will one day be a digital | ||
collection of my intellectual meanderings, enthusiasms, creations, and stories. | ||
</p> | ||
<p> | ||
I called it “the shelf”, to make it a place for my collectibles, | ||
valuables, and the little things that remind me of my memories. <br> | ||
I made this website to look like a bookshelf too. | ||
There I would put my notes from my favorite books, people who | ||
inspired me, aka my heroes, my projects, stories, and writings. | ||
</p> | ||
<img src="/assets/shelf-screenshot.png" alt="Screenshot of the old Shelf"> | ||
<p> | ||
I was (over-)envisioning, some would call it dreaming, the ways to express different aspects of myself. | ||
</p> | ||
<p> | ||
In my head, I was visualizing a few years down the road where I have hundreds of post written | ||
in this blog and built multiple projects. | ||
I have some of my ideas realized, and I have an audience who read those and get | ||
inspired to do the same. (joke’s on me) | ||
</p> | ||
<p> | ||
It’s a few years down the road now and none of those visions are real. | ||
</p> | ||
<p> | ||
I was dreaming big but doing little. | ||
</p> | ||
<p> | ||
My initial motivation for this blog was to write things that are inherently personal. | ||
</p> | ||
<p> | ||
I didn’t want to be a news channel, or a blog that regurgitates others’ words. | ||
</p> | ||
<p> | ||
I wanted to write and share all those things that make me, me. | ||
</p> | ||
<p> | ||
The thing is, I’ve been collecting my thoughts for a while, but sharing them always feels scary and difficult. | ||
</p> | ||
<p> | ||
I feel this pressure in my gut when I want to share anything slightly personal, as if I could get hurt by allowing others to read them. | ||
</p> | ||
<p> | ||
I didn’t want this website to be up there with nothing in it. | ||
So I ended up sharing random momentary nerdy interests that no one cares about, | ||
<a href="/grahams-number">like other people explaining large numbers</a>. | ||
</p> | ||
<p> | ||
It doesn’t really need to be a blog post. | ||
It could simply be a tweet like, | ||
“Check out this dude explaining graham’s number for 15 minutes so that he can tell a yo mama joke: LINK” | ||
</p> | ||
<p> | ||
Posts like these are some kind of, umm, justifications so that I can tell myself | ||
that I've written some stuff in here, that I’ve done something. | ||
</p> | ||
<p> | ||
And the actual things that I want to say, things that I want to share and are important to me remain unheard. | ||
</p> | ||
<p> | ||
They live only in my head. | ||
</p> | ||
<p> | ||
But an idea or a thought is worth nothing if it only lives in your head. | ||
</p> | ||
<p> | ||
It feels good to imagine yourself being interesting. | ||
</p> | ||
<p> | ||
But then again, It’s only in your head. Not real. | ||
</p> | ||
<p> | ||
I’m not bashing my younger self for the things he didn’t do, I’m just acknowledging that it’s difficult. | ||
Creating that entire digital personal shelf that I envisioned takes energy, focus, and above all, courage. | ||
</p> | ||
<p> | ||
I’ve encountered dozens of blogs and personal websites where the header | ||
hints you that who built it had high hopes and big dreams in their mind, | ||
but when I scroll down, it’s a ghost town. | ||
</p> | ||
<p> | ||
I was hoping writing here would help me get to know me better. | ||
Instead, I started faking and deceiving myself. | ||
</p> | ||
<p> | ||
I don't know how long it'll take till I have the courage to share what's really me. | ||
But I know that this post is a start. | ||
</p> | ||
<hr> | ||
<p> | ||
Shoutout to Pete from "Do you even blog" who inspired me <a href="https://doyouevenblog.com/zook/#elementor-toc__heading-anchor-5">to do something gutsy</a>. | ||
</p> | ||
<!-- <img src="SCREENSHOT OF THAT PART OF BLOG POST SAYING TO DO SOMETHING GUTSY" alt=""> --> | ||
|
||
</div> | ||
</div> | ||
<a class="item-subtitle" href="/">Back to Homepage</a> | ||
</div> | ||
</body> | ||
</html> |