Skip to content

Commit 4592da8

Browse files
author
Davide Carlo Restelli
committed
Small redesign and ungrade
1 parent 630458d commit 4592da8

21 files changed

Lines changed: 4766 additions & 155 deletions

‎blog.html‎

Lines changed: 0 additions & 32 deletions
This file was deleted.

‎buttons/powered-by-arch.png‎

561 Bytes
Loading

‎buttons/powered-by-debian.gif‎

-904 Bytes
Binary file not shown.

‎contact.html‎

Lines changed: 0 additions & 35 deletions
This file was deleted.

‎images/bioshock.jpg‎

181 KB
Loading

‎images/slackware.jpg‎

11.4 KB
Loading

‎images/stars.gif‎

15.6 KB
Loading

‎index.html‎

Lines changed: 87 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -2,58 +2,102 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>doc's site</title>
8-
<link rel="stylesheet" href="main.css">
9-
<link rel="stylesheet" href="http://jquery.com/jquery-wp-content/themes/jquery/css/base.css?v=1">
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>Doc's site</title>
8+
<!-- BOOTSTRAP CSS GRID -->
9+
<link rel="stylesheet" href="style/bootstrap-grid.css">
10+
<!-- CUSTOM CSS -->
11+
<link rel="stylesheet" href="style/main.css">
12+
<!-- JAVASCRIPT -->
1013
<script src="main.js"></script>
11-
<!-- <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> -->
1214
</head>
1315

1416
<body>
15-
<nav class="centered">
16-
<span class="current-page">Home</span>
17-
<a href="blog.html">Blog</a>
18-
<a href="contact.html">Contact</a>
19-
</nav>
20-
2117
<input type="image" id="glados" onclick="play()" src="images/glados.gif">
22-
<audio id="glados_audio" src="glados_message.wav" style="display: none;"></audio>
23-
24-
<div class="centered">
25-
<h1><a href="https://nohello.net/en/" target="_blank" id="hi">Hi</a>, im doc</h1>
26-
<p>I'm a developer, i make and break stuff.</p>
27-
<p>One day this site will actually have something interesting on it. In the meantime check out some <a href="https://hl2.sh/hlfacts">some obscure facts about Half-Life</a>.</p>
28-
29-
<h2>Projects</h2>
30-
<p>Most of my projects are on <a href="https://github.com/Dev-Doctor">github</a> and most stuff is privated.</p>
31-
<p>Some interesting projects that are public of note are:</p>
32-
<ul>
33-
<li><a href="https://github.com/Dev-Doctor/GLaDOS-Assistant">GLaDOS Voice Assistant (wip)</a></li>
34-
</ul>
35-
</div>
36-
37-
<div class="centered">
38-
<!-- <h2>Friends</h2> -->
39-
<!-- <p>No 88x31 buttons :(</p> -->
18+
<div class="container">
19+
<div>
20+
<header>
21+
<nav>
22+
<span class="current-page">Home</span>•
23+
<a href="/pages/blog.html">Blog</a>•
24+
<a href="/pages/about.html">About</a>
25+
</nav>
26+
</header>
27+
<hr>
28+
<main>
29+
<h1><a href="https://nohello.net/en/" target="_blank" id="hi">Hi</a>, im doc</h1>
30+
<article>
31+
<p><a href="pages/theMasterpiece.html">Would you kindly have a great day?</a></p>
32+
<p>I'm a developer and (un)professional gamer. Welcome to my personal space!</p>
33+
<p>One day this site will actually have something interesting on it. In the meantime check out <a
34+
href="https://hl2.sh/hlfacts" target="_blank">some obscure facts about Half-Life</a>.</p>
35+
<h2>Projects</h2>
36+
<p>
37+
Most of my projects are on <a href="https://github.com/Dev-Doctor">Github</a> and most stuff is
38+
privated. I like to keep my stuff private until it's ready for public consumption.
39+
I have a really good collections of projects that I never published and I want to change that in
40+
the near future.
41+
</p>
42+
<p>
43+
I play <a href="https://en.wikipedia.org/wiki/Dungeons_%26_Dragons" target="_blank">D&D</a> as
44+
the Dungeon Master, I am building a new campaign setting and I am really excited for it.
45+
<ul>
46+
<li><a href="/pages/dungeon&dragons.html">My Dungeon & Dragons</a></li>
47+
</ul>
48+
I would like to play other <a href="https://en.wikipedia.org/wiki/Role-playing_game">GDRs</a>:
49+
</p>
50+
<ul>
51+
<li><a href="https://freeleaguepublishing.com/games/alien/" target="_blank">Alien</a></li>
52+
<li><a href="https://www.needgames.it/giochi/blade-runner/#cover" target="_blank">Blade
53+
Runner</a></li>
54+
<li><a href="https://www.needgames.it/giochi/cyberpunk-red/#benvenuti" target="_blank">Cyberpunk
55+
RED</a></li>
56+
<li><a href="https://www.needgames.it/giochi/fallout/" target="_blank">Fallout</a></li>
57+
<li><a href="https://www.needgames.it/giochi/the-breach/" target="_blank">The Breach</a></li>
58+
</ul>
59+
<p>
60+
I am a HUGE rich story games enjoyer, those are my favorite games. And I don't mean the games that focus only on the story of the main character, but they tells another story using the environment if you can pick up on that.
61+
<br> If you love those type of games too, here are some of my favorite:
62+
<ul>
63+
<li>The Bioshock Collection</li>
64+
<li>The Half-life Series</li>
65+
<li>Control</li>
66+
<li>SOMA</li>
67+
<li>Amnesia</li>
68+
</ul>
69+
</p>
70+
<!--
71+
<p>Some interesting projects that are public of note are:</p>
72+
<ul>
73+
<li><a href="https://github.com/Dev-Doctor/GLaDOS-Assistant">GLaDOS Voice Assistant (wip)</a></li>
74+
<li>None</li>
75+
</ul>
76+
-->
77+
</article>
78+
</main>
79+
<hr>
80+
<p>This page was last updated on <time datetime="2024-07-16">Tuesday, July 16, 2024</time></p>
81+
<div>
82+
<a href="https://firefox.com" target="_blank"><img src="buttons/firefox_best.gif" alt="nuh uh"></a>
83+
<a href="https://smokepowered.com/" target="_blank"><img src="buttons/smoke.gif"
84+
alt="SMOKE powered"></a>
85+
<a href="https://www.thunderbird.net/" target="_blank"><img src="buttons/thunderbird.gif" alt=""></a>
86+
<a href="https://www.half-life.com/en/halflife25" target="_blank"><img src="buttons/newlambda.gif"
87+
alt=""></a>
88+
<a href="https://archlinux.org/" target="_blank"><img src="buttons/powered-by-arch.png" alt=""></a>
89+
<a href="https://code.visualstudio.com/" target="_blank"><img src="buttons/vscbutton.gif" alt=""></a>
90+
<img src="buttons/best viewed with.gif" alt="">
91+
</div>
92+
<span><small><a href="pages/buttons.html">What are these buttons?</a></small></span>
93+
</div>
4094
</div>
4195

42-
<div class="centered">
43-
<!-- <h2>Stuff</h2> -->
44-
<a href="https://firefox.com"><img src="buttons/firefox_best.gif" alt="nuh uh"></a>
45-
<a href="https://smokepowered.com/" target="_blank"><img src="buttons/smoke.gif" alt="SMOKE powered"></a>
46-
<a href="https://www.thunderbird.net/"><img src="buttons/thunderbird.gif" alt=""></a>
47-
<img src="buttons/newlambda.gif" alt="">
48-
<img src="buttons/powered-by-debian.gif" alt="">
49-
<a href="https://code.visualstudio.com/"><img src="buttons/vscbutton.gif" alt=""></a>
50-
<img src="buttons/best viewed with.gif" alt="">
51-
</div>
96+
<!-- AUDIO FOR GLADoS -->
97+
<audio id="glados_audio" src="/sounds/glados_message.wav" style="display: none;"></audio>
5298

5399
<footer>
54-
<div class="centered">
55-
<span id="copyright"></span>
56-
</div>
100+
<span id="copyright"></span>
57101
</footer>
58102
</body>
59103

‎main.js‎

Lines changed: 31 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,40 @@
1-
window.onload = function() {
1+
window.onload = function () {
22
var footer_text = document.getElementById("copyright");
33
footer_text.textContent = "\u00A9 2020-" + new Date().getFullYear() + " DevDoctor";
4+
if(localStorage.getItem('stars')) {
5+
stars();
6+
}
47
};
58

9+
function setStars() {
10+
if(localStorage.getItem('stars')) {
11+
resetStars();
12+
} else {
13+
localStorage.setItem('stars', true);
14+
stars();
15+
}
16+
}
17+
18+
function resetStars() {
19+
localStorage.removeItem('stars');
20+
document.getElementsByTagName("body")[0].style = "background-color: var(--bg-dark-color);";
21+
}
22+
623
// the sound played when the GLaDOS is clicked
724
function play() {
825
var audio = document.getElementById("glados_audio");
926
audio.play();
27+
}
28+
29+
function setDir() {
30+
var dir = document.getElementById("directory");
31+
var pagetitle = document.getElementById("page-title");
32+
dir.textContent = pagetitle.textContent;
33+
document.title = pagetitle.textContent + " - Doc's site";
34+
}
35+
36+
function stars() {
37+
document.getElementsByTagName("body")[0].style = "background-image: url('/images/stars.gif');";
38+
var audio = document.getElementById("stars_audio");
39+
audio.play();
1040
}

‎pages/about.html‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title>About - Doc's site</title>
8+
<!-- BOOTSTRAP CSS GRID -->
9+
<link rel="stylesheet" href="../style/bootstrap-grid.css">
10+
<!-- CUSTOM CSS -->
11+
<link rel="stylesheet" href="../style/main.css">
12+
<!-- JAVASCRIPT -->
13+
<script src="../main.js"></script>
14+
</head>
15+
16+
<body>
17+
<input type="button" id="stars" onclick="setStars()" value="✨">
18+
<div class="container">
19+
<header>
20+
<nav class="centered">
21+
<a href="../index.html">Home</a>•
22+
<a href="/pages/blog.html">Blog</a>•
23+
<span class="current-page">About</span>
24+
</nav>
25+
</header>
26+
<hr>
27+
<main>
28+
<h1>About</h1>
29+
<article>
30+
<p>I am currently studying Computer Science at <a href="https://www.uninsubria.it/"
31+
target="_blank">Uninsubria</a>.</p>
32+
<h2>Contents</h2>
33+
<ul>
34+
<li>
35+
<p><a href="#whimsical">Whimsical</a></p>
36+
</li>
37+
<li>
38+
<p><a href="#setup">My Setup</a></p>
39+
</li>
40+
<li>
41+
<p><a href="#contacts">Contacts</a></p>
42+
</li>
43+
</ul>
44+
<h2 id="whimsical">Whimsical</h2>
45+
<p>Here are some facets of my online life:</p>
46+
<ul>
47+
<li>
48+
<p>I maintain a Geek Code.</p>
49+
<p>
50+
<code>
51+
-----BEGIN GEEK CODE BLOCK----- <br>
52+
Version: 3.1 <br>
53+
GCS d-@>++ s+: a-- C++ UL++ P+ L++ E- !W++ N o? K w O? M-- V-- PS-- !PE Y+ PGP !t !5 X+ R+>++ tv+ b+>+++ DI D+ G e>+++ h r--- y? <br>
54+
------END GEEK CODE BLOCK------
55+
</code>
56+
<br>
57+
<span class="comment">/* The Geek Code is a series of letters and symbols used by
58+
self-described
59+
<a href="https://en.wikipedia.org/wiki/Geek" target="_blank">geeks</a> to inform fellow
60+
geeks about their
61+
personality, appearance, interests, skills, and opinions. */</span>
62+
</p>
63+
</li>
64+
<li>
65+
<p>If I was an operating system, I would be Slackware Linux, apparently:</p>
66+
<p>
67+
<a href="https://www.bbspot.com/News/2003/01/os_quiz.php" target="_blank">
68+
<img src="/images/slackware.jpg" alt="">
69+
<br>
70+
Which OS are You?
71+
</a>
72+
</p>
73+
</li>
74+
</ul>
75+
<h2 id="setup">My Setup</h2>
76+
<p>My Main PC:</p>
77+
<ul>
78+
<li>OS: Arch Linux (KDE Wayland) & Windows 10 (only for gaming)</li>
79+
<li>CPU: AMD Ryzen 7 3700X</li>
80+
<li>CPU Cooler: Noctua NH-D14 </li>
81+
<li>RAM: Corsair DDR4 32Gb (8*4)</li>
82+
<li>GPU: NVIDIA GeForce RTX 3070</li>
83+
<li>Motherboard: ASUS TUF GAMING B550-PLUS</li>
84+
<li>PSU: Corsair RM850e 850W</li>
85+
</ul>
86+
<p>My Server:</p>
87+
<ul>
88+
<li>OS: Ubuntu Server</li>
89+
<li>CPU: AMD Ryzen 5 5600G</li>
90+
<li>RAM: Corsair DDR4 32Gb (8*2)</li>
91+
<li>GPU: none</li>
92+
<li>Motherboard: Gigabyte B450M DS3H</li>
93+
</ul>
94+
<h2 id="contacts">Contacts</h2>
95+
<p>You can contact me through <a href="#">mail</a>. <span class="comment">&emsp;// not available right
96+
now</span></p>
97+
<!-- mailto: I prefer my PGP key to be used if unencrypted methods of communication are used. -->
98+
<h3>Other contacts</h3>
99+
<ul>
100+
<li>
101+
<p><a href="https://discord.com/users/447467134142906389">Discord</a></p>
102+
</li>
103+
<li>
104+
<p><a href="https://github.com/Dev-Doctor">Github</a></p>
105+
</li>
106+
</ul>
107+
</article>
108+
</main>
109+
110+
<!-- STARS AUDIO -->
111+
<audio id="stars_audio" src="../sounds/stars_sound.mp3" style="display: none;"></audio>
112+
113+
<footer>
114+
<span id="copyright"></span>
115+
</footer>
116+
</div>
117+
</body>
118+
119+
</html>

0 commit comments

Comments
 (0)