Skip to content

Commit 8fa6343

Browse files
committed
Added devices to computers.yml
1 parent c3f4bb7 commit 8fa6343

7 files changed

Lines changed: 137 additions & 42 deletions

File tree

_data/computers.yml

Lines changed: 54 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,17 +2,17 @@
22
desc: I use this one as a jack of all trades, as it runs Windows 11, ChromeOS, Fedora Linux, and macOS Monterey. It
33
has come in handy more than a few times, especially as I don't own any modern Macs. I got this laptop late 2024 from
44
a family member, and I've definitely made sure to put it to good use.
5-
cpu: Intel i5 6300U
6-
gpu: Intel HD Graphics 530
5+
cpu: Intel i5 6200U
6+
gpu: Intel HD Graphics 520
77
ram: 2x4gb DDR4
88
res: 1366x768
99
ident: 1
1010
image: /assets/img/pictures/650G2-macOS.jpg
1111
- name: HP ProBook 650 G2
1212
desc: This one is a replacement for the late 450 G3, so it will likely just end up becoming a pi-hole, or maybe I'll
1313
try proxmox again with it. As with the other 650 G2, this laptop was also given in late 2024 from that family member.
14-
cpu: Intel i5 6300U
15-
gpu: Intel HD Graphics 530
14+
cpu: Intel i5 6200U
15+
gpu: Intel HD Graphics 520
1616
ram: 1x4gb DDR4
1717
res: 1366x768
1818
ident: 2
@@ -40,7 +40,7 @@
4040
res: 1600x900
4141
ident: 4
4242
image: /assets/img/pictures/6570b-8.1.jpg
43-
- name: Mac Mini 2,1 (Mid-2007)
43+
- name: Apple Mac Mini 2,1 (Mid-2007)
4444
desc: I just got this computer (as of writing this) for $20 on FB Marketplace, and it's my first ever Mac. It is running
4545
Mac OS X 10.6.8 Snow Leopard and has been pretty fun to mess with. It doesn't run OSX slowly, but it certainly runs
4646
Debian 12 rather slowly. I also gotta say, I do like how the Mac Minis look.
@@ -79,3 +79,52 @@
7979
res: 1920x1080
8080
ident: 8
8181
image: /assets/img/pictures/XP-Machine.jpg
82+
- name: Apple iPad Mini 4 (5,2)
83+
desc: My iPad that I got a couple years ago. I don't really use it, but I've jailbroken it on it's latest iPadOS, and
84+
tweaked it a little. I suppose it has it's uses. (like being a second display for my laptop)
85+
cpu: Apple A8
86+
gpu: PowerVR GX6450
87+
ram: 2gb (Soldered)
88+
res: 1536x2048
89+
image: /assets/img/pictures/iPadMini4.jpg
90+
- name: Valve Steam Deck (256gb LCD)
91+
desc: I'm sure we all know what the Steam Deck is. It's awesome. I don't have too much to say on it, other than it was
92+
so nice to bring it across the country with me. It helped keep me entertained for those long 6 hour car rides. Sorry
93+
for the dusty pic lol
94+
cpu: AMD Custom APU 0405
95+
gpu: AMD ATI VanGogh
96+
ram: 12gb (Soldered?)
97+
res: 1280x800
98+
image: /assets/img/pictures/dusty-ass-deck.jpg
99+
- name: HP ProBook 450 G3
100+
desc: One of the laptops given to me in late 2024. It's battery didn't work but it had the best screen of all the laptops.
101+
It was used briefly for Fedora Server 41 before being my testing grounds for proxmox. It was going to be a pi-hole,
102+
but then met its untimely death when a shelf struck it. You can read more <a href="/2025/01/22/new-mac-and-damn-it">
103+
here.</a>
104+
cpu: Intel i5 6200U
105+
gpu: Intel HD Graphics 520
106+
ram: 4gb DDR4
107+
res: 1920x1080
108+
dead: true
109+
image: /assets/img/blog/Disaster/laptop-display.jpg
110+
- name: Toshiba Satellite X200
111+
desc: This laptop was never truly "mine", but I tried to fix it. It had a dead/dying GPU and I wanted to fix it.
112+
Unfortunately for both me and it, this 17" laptop never even got reassembled. It would've been a really cool media
113+
laptop to have, but it was not meant to be. I'm glad I salvaged the 4gb of DDR2 SODIMMs it had, as they are finally
114+
coming in handy to upgrade my Mac Mini whenever I get the tools.
115+
cpu: Intel Core 2 Duo T7300
116+
gpu: Nvidia GeForce 8600M GT 256mb
117+
ram: 4gb DDR2
118+
res: 1680x1050
119+
dead: true
120+
image: /assets/img/pictures/X200.jpg
121+
- name: Surface Laptop Go
122+
desc: I bought this laptop at the start of high school for CA$1,000 using money I saved up from a paper route I did.
123+
It did good for the first few years, but when I had to do a test in grade 11, I put it to sleep by closing it, and it
124+
never woke up again. It's really stupid.
125+
cpu: Intel i5 1035G1
126+
gpu: Intel UHD Graphics G1
127+
ram: 8gb (Soldered)
128+
res: 1536x1024
129+
dead: true
130+
image: /assets/img/pictures/surface.jpg

_layouts/main.html

Lines changed: 25 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -45,10 +45,10 @@
4545
<div class="window-body">
4646
{% include nav.html %}
4747
<div style="margin-top: .5em;">
48-
<select id="theme-selector">
49-
<option id="xp-style" value="0">XP Theme</option>
50-
<option id="98-style" value="1">98 Theme</option>
51-
<option id="7-style" value="2">7 Theme</option>
48+
<select>
49+
<option id="stylesheet1">XP Theme</option>
50+
<option id="stylesheet2">98 Theme</option>
51+
<option id="stylesheet3">7 Theme</option>
5252
</select>
5353
</div>
5454
</div>
@@ -76,49 +76,37 @@
7676
</body>
7777

7878
<script>
79-
window.addEventListener('load', initialize, false);
80-
window.addEventListener('load', loadTheme, false);
81-
8279
function swapStyleSheet(sheet) {
8380
document.getElementById("pagestyle").setAttribute("href", sheet);
8481
}
8582

86-
function initialize() {
87-
let XPStyle = document.getElementById("xp-style");
88-
let ninetyEightStyle = document.getElementById("98-style");
89-
let sevenStyle = document.getElementById("7-style");
83+
function initate() {
84+
var style1 = document.getElementById("stylesheet1");
85+
var style2 = document.getElementById("stylesheet2");
86+
var style3 = document.getElementById("stylesheet3");
9087

91-
XPStyle.onclick = function () {
88+
style1.onclick = function () {
9289
swapStyleSheet("https://unpkg.com/xp.css");
93-
localStorage.setItem("theme", "XP");
94-
}
95-
ninetyEightStyle.onclick = function () {
90+
localStorage.setItem("theme", "https://unpkg.com/xp.css");
91+
};
92+
style2.onclick = function () {
9693
swapStyleSheet("https://unpkg.com/xp.css@0.2.3/dist/98.css");
97-
localStorage.setItem("theme", "98");
98-
}
99-
sevenStyle.onclick = function () {
94+
localStorage.setItem("theme", "https://unpkg.com/xp.css@0.2.3/dist/98.css");
95+
};
96+
style3.onclick = function () {
10097
swapStyleSheet("https://unpkg.com/7.css")
101-
localStorage.setItem("theme", "7");
102-
}
98+
localStorage.setItem("theme", "https://unpkg.com/7.css");
99+
};
103100
}
104101

105-
function loadTheme() {
106-
let currentTheme = localStorage.getItem("theme");
107-
let themeSelect = document.getElementById("theme-selector");
108-
109-
switch (currentTheme) {
110-
case "XP":
111-
swapStyleSheet("https://unpkg.com/xp.css");
112-
themeSelect.value = "0";
113-
break
114-
case "98":
115-
swapStyleSheet("https://unpkg.com/98.css");
116-
themeSelect.value = "1";
117-
break
118-
case "7":
119-
swapStyleSheet("https://unpkg.com/7.css");
120-
themeSelect.value = "2";
121-
break
102+
window.onload = function () {
103+
if (localStorage.getItem("theme") == "https://unpkg.com/xp.css") {
104+
swapStyleSheet("https://unpkg.com/xp.css");
105+
} else if (localStorage.getItem("theme") == "https://unpkg.com/xp.css@0.2.3/dist/98.css") {
106+
swapStyleSheet("https://unpkg.com/xp.css@0.2.3/dist/98.css");
107+
} else if (localStorage.getItem("theme") == "https://unpkg.com/7.css") {
108+
swapStyleSheet("https://unpkg.com/7.css");
122109
}
110+
initate();
123111
}
124112
</script>

assets/img/pictures/X200.jpg

4.03 MB
Loading
4.37 MB
Loading

assets/img/pictures/iPadMini4.jpg

3.65 MB
Loading

assets/img/pictures/surface.jpg

3.92 MB
Loading

mypc.html

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,7 @@
3535
<div class="container">
3636
<div class="flex-container">
3737
{% for computer in site.data.computers %}
38+
{% if computer.dead == null %}
3839
<div>
3940
{% if computer.image %}
4041
<img src="{{ computer.image }}" alt="{{ computer.name }}" style="width:100%">
@@ -47,6 +48,7 @@
4748
<p><strong>Description:</strong><br>{{ computer.desc }}</p>
4849
<!-- <button disabled>More Details</button>-->
4950
</div>
51+
{% endif %}
5052
<!-- <div class="popup">-->
5153
<!-- <div class="window" style="width: 300px">-->
5254
<!-- <div class="title-bar">-->
@@ -74,3 +76,59 @@
7476
</div>
7577
</div>
7678
</section>
79+
<section style="margin-bottom: 1em;">
80+
<div class="window">
81+
<div class="title-bar">
82+
<div class="title-bar-text">The Departed</div>
83+
</div>
84+
<div class="window-body">
85+
<fieldset>
86+
<p>My computers from (not so) long ago.. They died either in the line of battle or died of old age.
87+
(Or died literally doing NOTHING)</p>
88+
</fieldset>
89+
<fieldset>
90+
<legend>Computers</legend>
91+
<div class="container">
92+
<div class="flex-container">
93+
{% for computer in site.data.computers %}
94+
{% if computer.dead %}
95+
<div>
96+
{% if computer.image %}
97+
<img src="{{ computer.image }}" alt="{{ computer.name }}" style="width:100%">
98+
{% endif %}
99+
<p><strong>{{ computer.name }}</strong></p>
100+
<p>CPU: {{ computer.cpu }}</p>
101+
<p>GPU: {{ computer.gpu }}</p>
102+
<p>RAM: {{ computer.ram }}</p>
103+
<p>Resolution: {{ computer.res }}</p>
104+
<p><strong>Description:</strong><br>{{ computer.desc }}</p>
105+
<!-- <button disabled>More Details</button>-->
106+
</div>
107+
{% endif %}
108+
<!-- <div class="popup">-->
109+
<!-- <div class="window" style="width: 300px">-->
110+
<!-- <div class="title-bar">-->
111+
<!-- <div class="title-bar-text">A Window With Stuff In It</div>-->
112+
<!-- <div class="title-bar-controls">-->
113+
<!-- <button aria-label="Close" id="closebtn{{ computer.ident }}"></button>-->
114+
<!-- </div>-->
115+
<!-- </div>-->
116+
<!-- <div class="window-body">-->
117+
<!-- <fieldset>-->
118+
<!-- <p><strong>{{ computer.name }}</strong></p>-->
119+
<!-- <p>CPU: {{ computer.cpu }}</p>-->
120+
<!-- <p>GPU: {{ computer.gpu }}</p>-->
121+
<!-- <p>RAM: {{ computer.ram }}</p>-->
122+
<!-- <p>Resolution: {{ computer.res }}</p>-->
123+
<!-- <p><br>Description:<br>{{ computer.desc }}</p>-->
124+
<!-- </fieldset>-->
125+
<!-- </div>-->
126+
<!-- </div>-->
127+
<!-- </div>-->
128+
{% endfor %}
129+
</div>
130+
</div>
131+
</fieldset>
132+
</div>
133+
</div>
134+
</section>

0 commit comments

Comments
 (0)