Skip to content

Commit

Permalink
Added the EDC page
Browse files Browse the repository at this point in the history
  • Loading branch information
@sameerasw
sameerasw committed Aug 29, 2024
1 parent 171e297 commit eb286b1
Show file tree
Hide file tree
Showing 13 changed files with 171 additions and 6 deletions.
Binary file modified assets/img/articles/.DS_Store
View file
Binary file not shown.
Binary file added assets/img/articles/edc.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/buds-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/edc.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/kb-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/mac-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/mouse-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/pixel-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/img/articles/edc/setup-wire.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
59 changes: 59 additions & 0 deletions css/edc.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
#setup-wire {
background-image: url(../assets/img/articles/edc/setup-wire.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: 90vw;
max-height: 80vh;
aspect-ratio: 1/1;
}

.device {
display: flex;
flex-direction: row;
align-items: left;
text-align: left;
width: 100%;
max-width: 70vw;
margin: 5em auto 0 auto;

div {
margin: 0 3em;

.heading {
margin: auto 0;
align-items: start;
}

.content {
margin: 0;
}
}

@media screen and (max-width: 1000px) {
flex-direction: column;
align-items: center;
max-width: 95vw;

div {
margin: 0 auto;

.heading {
margin: auto 0;
align-items: center;
}

.content {
margin: 0;
}
}
}
}

.container {
@media screen and (max-width: 500px) {
#title {
margin-top: 4em;
}
}
}
4 changes: 3 additions & 1 deletion css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -571,7 +571,9 @@ nav {
background-position: center;
border-radius: 1em;
}

#edc {
background-image: url("../assets/img/articles/edc/edc.jpeg");
}
#macos {
background-image: url("../assets/img/articles/macos.png");
}
Expand Down
100 changes: 99 additions & 1 deletion edc-setup.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@
<link rel="stylesheet" href="css/dark.css" id="css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/article.css">
<link rel="stylesheet" href="css/edc.css">
<link rel="stylesheet" href="css/no-cursor.css">
<link rel="stylesheet" href="css/background.css">
<!-- <link rel="stylesheet" href="css/arc.css"> -->
Expand Down Expand Up @@ -90,12 +91,109 @@
<section id="intro">
<div class="heading">
<div class="container-mini item content">
<h1 id="title">Everyday Carry & Setup - Sameera Sandakelum</h1>
<div id="setup-wire"></div>
<h1 id="title">Everyday Carry & Setup</h1>
<p class="item article-text">All my EDC (Everyday Carry) & Setup details together sharing for you to get inspired or to improve your own setup.</p>
</div>
</div>
</section>

<section id="macbook" class="device item">
<img src="assets/img/articles/edc/mac-wire.png" alt="MacBook Pro 13" (2020)">
<div>
<div class="heading">
<h2>MacBook Air 13" (2020)</h2>
</div>
<div class="content">
<p class="article-text">
<ul>
<li>Specs: MacBook Air M1 2020 with Apple M1</li>
<li>Memory: 8 GB Unified memory</li>
<li>Storage: 256 GB SSD</li>
<li>OS: macOS Sonoma 14.6.1</li>
<li>Color: Space Gray</li>
</ul>
</p>
</div>
</div>
</section>

<section id="pixel" class="device item">
<img src="assets/img/articles/edc/pixel-wire.png" alt="Google Pixel 4a 5G">
<div>
<div class="heading ">
<h2>Google Pixel 4a 5G</h2>
</div>
<div class="content">
<p class="article-text">
<ul>
<li>Specs: Google Pixel 4a 5G</li>
<li>Memory: 6 GB</li>
<li>Storage: 128 GB</li>
<li>OS: Android 14 PixelBuilds</li>
<li>Color: Just Black</li>
</ul>
</p>
</div>
</div>
</section>

<section id="keyboard" class="device item">
<img src="assets/img/articles/edc/kb-wire.png" alt="Redragon FIZZ K617 60% Keyboard">
<div>
<div class="heading">
<h2>Redragon FIZZ K617 60% [RED] Keyboard</h2>
</div>
<div class="content">
<p class="article-text">
<ul>
<li>Switches: Redragon Red Switches</li>
<li>Keycaps: ABS Double-Shot Keycaps</li>
<li>Backlight: RGB Backlight</li>
<li>Connectivity: Wired</li>
</ul>
</p>
</div>
</div>
</section>

<section id="mouse" class="device item">
<img src="assets/img/articles/edc/mouse-wire.png" alt="SEENDA MBD7 Vertical Mouse">
<div>
<div class="heading">
<h2>SEENDA MBD7 Vertical Mouse</h2>
</div>
<div class="content">
<p class="article-text">
<ul>
<li>Connectivity: Wireless</li>
<li>Buttons: 7 Buttons</li>
<li>Resolution: 800/1200/1600/2400 DPI</li>
<li>Color: Black</li>
</ul>
</p>
</div>
</div>
</section>

<section id="buds" class="device item">
<img src="assets/img/articles/edc/buds-wire.png" alt="HAYLOU GT1 2020 Earbuds">
<div>
<div class="heading">
<h2>HAYLOU GT1 2020 Earbuds</h2>
</div>
<div class="content">
<p class="article-text">
<ul>
<li>Connectivity: Bluetooth 5.0</li>
<li>Charging: USB Type-C</li>
<li>Color: Black</li>
</ul>
</p>
</div>
</div>
</section>

<section>
<div class="heading item">
<h2>WIP</h2>
Expand Down
14 changes: 10 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,12 @@ <h2>Projects</h2>
</div>
<div class="container">
<div id="highlights">
<a id="edc" class="highlight-item item" href="./edc-setup.html"
data-title="../assets/img/articles/edc.png">
<img src="https://64.media.tumblr.com/96702234ff6a92ce2060b206943c3405/1ba90b97996d3468-59/s400x600/f14beb0b2d9633fa39066406945ecec8f89c8833.gif"
alt="My Every Day Carry" class="new-article">
<h3>My Every Day Carry</h2>
</a>
<a id="macos" class="highlight-item item" href="./macos.html"
data-title="../assets/img/articles/macos/web-preview-macos.png">
<img src="https://64.media.tumblr.com/96702234ff6a92ce2060b206943c3405/1ba90b97996d3468-59/s400x600/f14beb0b2d9633fa39066406945ecec8f89c8833.gif"
Expand All @@ -202,10 +208,6 @@ <h3>Folder Icons</h2>
alt="My telegram community link preview" class="new-article">
<h3>My Community</h2>
</a>
<a id="macro" class="highlight-item item" href="https://github.com/sameerasw/numpad-macros"
data-title="Visit the repository">
<h3>Numpad Macros</h2>
</a>
<a id="more-github" class="highlight-item item" href="https://github.com/sameerasw/"
data-title="Visit my profile">
<h3>More on GitHub</h2>
Expand All @@ -214,6 +216,10 @@ <h3>More on GitHub</h2>
data-title="Checkout the code behind this website">
<h3>Website Repo</h2>
</a>
<a id="macro" class="highlight-item item hidden" href="https://github.com/sameerasw/numpad-macros"
data-title="Visit the repository">
<h3>Numpad Macros</h2>
</a>
<a id="menubar" class="highlight-item item hidden" href="https://github.com/sameerasw/menubar"
data-title="A menu bar skin I made for Rainmeter">
<h3>MenuBar</h2>
Expand Down

0 comments on commit eb286b1

Please sign in to comment.