diff options
| -rw-r--r-- | guide.html | 250 | ||||
| -rw-r--r-- | img/alee14-server-index.png | bin | 0 -> 49786 bytes | |||
| -rw-r--r-- | img/current_server_setup.jpg | bin | 0 -> 3517807 bytes | |||
| -rw-r--r-- | img/favicon.ico | bin | 0 -> 15406 bytes | |||
| -rw-r--r-- | img/homelab2.jpeg | bin | 0 -> 62671 bytes | |||
| -rw-r--r-- | img/homepage-server.jpeg | bin | 0 -> 354189 bytes | |||
| -rw-r--r-- | img/lenovo.jpg | bin | 0 -> 2339579 bytes | |||
| -rw-r--r-- | img/nextcloud.png | bin | 0 -> 221926 bytes | |||
| -rw-r--r-- | img/proxmox.png | bin | 0 -> 158225 bytes | |||
| -rw-r--r-- | img/rpi.jpg | bin | 0 -> 119389 bytes | |||
| -rw-r--r-- | img/server-rack.jpg | bin | 0 -> 96274 bytes | |||
| -rw-r--r-- | img/synology.png | bin | 0 -> 728380 bytes | |||
| -rw-r--r-- | img/synology_physical.jpg | bin | 0 -> 1006916 bytes | |||
| -rw-r--r-- | img/thinkcentre.jpg | bin | 0 -> 25637 bytes | |||
| -rw-r--r-- | index.html | 227 | ||||
| -rw-r--r-- | moreinfo.html | 61 |
16 files changed, 538 insertions, 0 deletions
diff --git a/guide.html b/guide.html new file mode 100644 index 0000000..54a7fe7 --- /dev/null +++ b/guide.html @@ -0,0 +1,250 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
+ <title>Homelabs - Guide</title>
+ </head>
+ <body>
+ <nav>
+ <h1>Homelabs</h1>
+ <p>
+ <a href="index.html">Home</a>
+
+ <a href="guide.html">Guide</a>
+
+ <a href="moreinfo.html">Want to know more?</a>
+ </p>
+ <hr />
+ </nav>
+
+ <main>
+ <table width="100%">
+ <tbody>
+ <tr>
+ <td valign="top">
+ <h2>Introduction</h2>
+ <p>
+ So you want to make your own homelab? We can get started on
+ that!
+ </p>
+ <h2>What computers would I need?</h2>
+ <p>
+ You can use any computer, whether it can be a
+ <small>small</small> or a <b>big</b> one!
+ </p>
+ <a href="https://www.raspberrypi.com/products/raspberry-pi-5"
+ ><img src="img/rpi.jpg" alt="Raspberry Pi" width="30%"
+ /></a>
+ <a
+ href="https://www.lenovo.com/il/en/desktops-and-all-in-ones/thinkcentre/m-series-sff/ThinkCentre-M700-SFF/p/11TC1TMM700"
+ >
+ <img src="img/thinkcentre.jpg" alt="Thinkcentre" width="30%" />
+ </a>
+ <a href="img/server-rack.jpg"
+ ><img src="img/server-rack.jpg" alt="Server Rack" width="30%"
+ /></a>
+ <p>
+ <i
+ >First one is a small computer, which can do simple stuff like
+ host files;<br />Second one is a simple computer but can be
+ turned into a server;<br />Last one is a server that can be
+ mounted on a server rack.</i
+ >
+ </p>
+ <h2>Example hardware</h2>
+ <p>These are hardware I would want to have on my server</p>
+ <ul>
+ <li>
+ <a
+ href="https://www.signa.com/products/signa-xeon-w-series-pro-single-gpu-workstation-w9-3475x-36c-72t-w9-3495x-56c-112-rtx-4060ti-4090-gfx?variant=46418349097274"
+ >Example 1
+ </a>
+ </li>
+ <li>
+ <a href="https://ca.pcpartpicker.com/list/ZzWqbL"
+ >Example 2</a
+ >
+ </li>
+ <li>
+ <a href="https://www.synology.com/en-ca/products/DS223j"
+ >Example 3</a
+ >
+ </li>
+ </ul>
+ <h2>Software</h2>
+ <h3>Services</h3>
+ <p>
+ We will need some services to host content like pictures,
+ videos, or having a game server. Otherwise, what is the point of
+ having a server?
+ </p>
+ <ul>
+ <li>
+ <a href="https://jellyfin.org">Jellyfin</a>: Media server for
+ your legally obtained movies/shows.
+ </li>
+ <li>
+ <a href="https://nextcloud.com">NextCloud</a>: Cloud server
+ (or known as a Google Drive/Dropbox alternative)
+ </li>
+ <li>
+ <a href="https://en.wikipedia.org/wiki/Samba_(software)"
+ >Samba</a
+ >: Local file server, don't need a web browser for this!
+ </li>
+ </ul>
+ <h3>Operating Systems</h3>
+ <p>
+ An operating system is the essential part of a server. Without
+ it, nothing will run!
+ </p>
+ <ul>
+ <li>
+ <a href="https://simple.wikipedia.org/wiki/Linux">Linux</a>:
+ Recommended for stability and most popular, Linux has a lot of
+ variety, but
+ <a href="https://en.wikipedia.org/wiki/Linux_distribution"
+ >distributions</a
+ >
+ like <a href="https://ubuntu.com/server">Ubuntu Server</a> is
+ a good choice!
+ </li>
+ <li>
+ <a href="https://www.proxmox.com/en/">Proxmox</a>: Great for
+ experts and can launch multiple services in separate
+ containers/VMs.
+ </li>
+ <li>
+ <a href="https://simple.wikipedia.org/wiki/Microsoft_Windows"
+ >Windows</a
+ >: It just works. Can be a great start for your home server,
+ use it to share files within your network, and run simple
+ services (like a Jellyfin server).
+ </li>
+ </ul>
+ </td>
+ <td valign="top">
+ <h2>What do I use?</h2>
+ <h2>Synology DS918+</h2>
+ <a href="img/synology.png"
+ ><img src="img/synology.png" alt="Synology Server" width="50%"
+ /></a>
+ <a href="img/synology_physical.jpg"
+ ><img
+ src="img/synology_physical.jpg"
+ alt="Synology Server (Physical)"
+ width="30%"
+ /></a>
+ <p>
+ It has been my main server since 2020, it currently hosts all of
+ my files and uses 13 TB. It also can host other services like
+ Jellyfin, a Minecraft server and some Discord bots.
+ </p>
+ <h3>Specs</h3>
+ <table>
+ <tbody>
+ <tr>
+ <td>CPU</td>
+ <td>Intel Celeron J3455</td>
+ </tr>
+ <tr>
+ <td>RAM</td>
+ <td>8 GB</td>
+ </tr>
+ <tr>
+ <td>Storage</td>
+ <td>3x6TB WD Red NAS HDD, 1x4TB WD Red NAS HDD</td>
+ </tr>
+ </tbody>
+ </table>
+ <h2>Vultr Ubuntu Server</h2>
+ <a href="img/alee14-server-index.png"
+ ><img
+ src="img/alee14-server-index.png"
+ alt="server.alee14.me Website"
+ width="30%"
+ /></a>
+ <a href="img/nextcloud.png"
+ ><img
+ src="img/nextcloud.png"
+ alt="NextCloud Server"
+ width="20%"
+ /></a>
+ <p>
+ I host all public websites in this server. Whether its for my
+ own services or services for my friends. Oh yeah! These are
+ publicly accessible websites like my
+ <a href="https://cloud.alee14.me">cloud server</a>, and a
+ <a href="https://wiki.aircs.racing">wiki</a> that I am hosting
+ right now.
+ </p>
+ <h3>Specs</h3>
+ <table>
+ <tbody>
+ <tr>
+ <td>CPU</td>
+ <td>Intel Xeon Processor (Skylake, IBRS)</td>
+ </tr>
+ <tr>
+ <td>RAM</td>
+ <td>1 GB</td>
+ </tr>
+ <tr>
+ <td>Storage</td>
+ <td>25 GB (and 50 GB for Block Storage)</td>
+ </tr>
+ </tbody>
+ </table>
+ </td>
+ <td valign="top">
+ <h2>Proxmox (Lenovo ThinkCentre M800)</h2>
+ <a href="img/proxmox.png"
+ ><img src="img/proxmox.png" alt="Proxmox Server" width="40%"
+ /></a>
+ <br />
+ <a href="img/lenovo.jpg"
+ ><img
+ src="img/lenovo.jpg"
+ alt="ThinkCentre M800 SFF"
+ width="30%"
+ /></a>
+ <p>
+ This is a recent addition as it is being used as my main VM
+ server, where I could easily spin up a new virtual machine
+ without it slowing down my main machine and able to do
+ complicated tasks. This computer was refurbished and bought from
+ Newegg for $188.99 (with taxes) / $179.99 (without taxes), and
+ replaced the 256 GB SSD with the current SSDs below.
+ </p>
+ <h3>Specs</h3>
+ <table>
+ <tbody>
+ <tr>
+ <td>CPU</td>
+ <td>Intel Core i5-6500</td>
+ </tr>
+ <tr>
+ <td>RAM</td>
+ <td>16 GB</td>
+ </tr>
+ <tr>
+ <td>Storage</td>
+ <td>500 GB SSD, 2 TB SSD</td>
+ </tr>
+ </tbody>
+ </table></td>
+ </tr>
+ </tbody>
+ </table>
+ </main>
+ <footer>
+ <small>© Copyright 2023 - alee14.me</small>
+ <p>
+ <a href="https://alee14.me">My Website</a>
+ <a href="https://instagram.com/alee14498">Instagram</a>
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/img/alee14-server-index.png b/img/alee14-server-index.png Binary files differnew file mode 100644 index 0000000..8deba9a --- /dev/null +++ b/img/alee14-server-index.png diff --git a/img/current_server_setup.jpg b/img/current_server_setup.jpg Binary files differnew file mode 100644 index 0000000..b991d72 --- /dev/null +++ b/img/current_server_setup.jpg diff --git a/img/favicon.ico b/img/favicon.ico Binary files differnew file mode 100644 index 0000000..ee38b50 --- /dev/null +++ b/img/favicon.ico diff --git a/img/homelab2.jpeg b/img/homelab2.jpeg Binary files differnew file mode 100644 index 0000000..dfdaed2 --- /dev/null +++ b/img/homelab2.jpeg diff --git a/img/homepage-server.jpeg b/img/homepage-server.jpeg Binary files differnew file mode 100644 index 0000000..c7478be --- /dev/null +++ b/img/homepage-server.jpeg diff --git a/img/lenovo.jpg b/img/lenovo.jpg Binary files differnew file mode 100644 index 0000000..c6f9287 --- /dev/null +++ b/img/lenovo.jpg diff --git a/img/nextcloud.png b/img/nextcloud.png Binary files differnew file mode 100644 index 0000000..519e219 --- /dev/null +++ b/img/nextcloud.png diff --git a/img/proxmox.png b/img/proxmox.png Binary files differnew file mode 100644 index 0000000..41d4f8e --- /dev/null +++ b/img/proxmox.png diff --git a/img/rpi.jpg b/img/rpi.jpg Binary files differnew file mode 100644 index 0000000..3da44c8 --- /dev/null +++ b/img/rpi.jpg diff --git a/img/server-rack.jpg b/img/server-rack.jpg Binary files differnew file mode 100644 index 0000000..edbd0b0 --- /dev/null +++ b/img/server-rack.jpg diff --git a/img/synology.png b/img/synology.png Binary files differnew file mode 100644 index 0000000..18abc66 --- /dev/null +++ b/img/synology.png diff --git a/img/synology_physical.jpg b/img/synology_physical.jpg Binary files differnew file mode 100644 index 0000000..d6e40a7 --- /dev/null +++ b/img/synology_physical.jpg diff --git a/img/thinkcentre.jpg b/img/thinkcentre.jpg Binary files differnew file mode 100644 index 0000000..0cd5260 --- /dev/null +++ b/img/thinkcentre.jpg diff --git a/index.html b/index.html new file mode 100644 index 0000000..3fe246c --- /dev/null +++ b/index.html @@ -0,0 +1,227 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
+ <title>Homelabs</title>
+ </head>
+ <body>
+ <nav>
+ <h1>Homelabs</h1>
+ <p>
+ <a href="index.html">Home</a>
+
+ <a href="guide.html">Guide</a>
+
+ <a href="moreinfo.html">Want to know more?</a>
+ </p>
+ <hr />
+ </nav>
+
+ <main>
+ <table width="100%">
+ <tbody>
+ <tr>
+ <td>
+ <h2>About Me</h2>
+ <p>
+ Been into homelabs for a long time, hope to build my own homelab
+ one day! This website is about how you can build your own
+ homelab, and my plans to build my own homelab.
+ </p>
+ <h2>HomeLab Examples</h2>
+ <a href="img/homepage-server.jpeg">
+ <img
+ src="img/homepage-server.jpeg"
+ alt="Server Setup"
+ width="20%"
+ />
+ </a>
+ <a href="img/homelab2.jpeg">
+ <img src="img/homelab2.jpeg" alt="Example homelab" width="30%" />
+ </a>
+ <h2>Learn more</h2>
+ <iframe
+ width="560"
+ height="315"
+ src="https://www.youtube.com/embed/gPGf4Y8nQqM?si=UvuNRYb199HwoTnk"
+ title="YouTube video player"
+ frameborder="0"
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+ allowfullscreen
+ ></iframe>
+ </td>
+ <td width="40%" valign="top">
+ <form action="" method="get">
+ <h2>Register to become a homelaber</h2>
+ <label for="name">Full Name:</label>
+ <input
+ type="text"
+ name="name"
+ id="name"
+ required="required"
+ placeholder="John Doe"
+ /><br />
+ <label for="email">Email Address:</label>
+ <input
+ type="email"
+ name="email"
+ id="email"
+ required="required"
+ placeholder="email@example.com"
+ /><br />
+ <label for="why"
+ >Why do you want to be a HomeLaber? (Optional)</label
+ >
+ <input type="text" name="why" id="why" /><br />
+ <label for="whichyter"
+ >Which HomeLaber do you follow? (Optional)</label
+ ><br />
+ <input type="radio" name="fav_homelaber" id="tim" value="tim" />
+ <label for="tim">Techno Tim</label>
+ <input
+ type="radio"
+ name="fav_homelaber"
+ id="raid"
+ value="raid"
+ />
+ <label for="raid">Raid Owl</label>
+ <input
+ type="radio"
+ name="fav_homelaber"
+ id="hardware"
+ value="hardware"
+ />
+ <label for="hardware">Hardware Haven</label><br />
+ <button type="reset">Reset</button>
+ <button type="submit">Subscribe</button>
+ </form>
+ </td>
+ </tr>
+ <tr>
+ <td valign="top">
+ <h2>Blog</h2>
+ <div>
+ <!-- Article 1 -->
+ <article>
+ <h4>Crafting Your HomeLab Oasis: A DIY Tech Playground</h4>
+ <small>December 29th, 2023</small>
+ <p>
+ Dive into the world of HomeLab mastery as we guide you
+ through transforming ordinary spaces into personalized tech
+ wonderlands. Explore the art of hardware tinkering, software
+ configurations, and unleash the full potential of your
+ digital domain.
+ </p>
+ <p>
+ <a href="#">Read More</a>
+ </p>
+ </article>
+ <!-- Article End -->
+ <!-- Article 2 -->
+ <article>
+ <h4>
+ From Spare Room to Tech Haven: The Ultimate HomeLab Setup
+ </h4>
+ <small>December 21st, 2023</small>
+ <p>
+ Join us on a journey to build the ultimate HomeLab setup.
+ Whether you're a seasoned tech pro or a curious beginner,
+ our in-depth guides and firsthand experiences will empower
+ you to turn spare rooms into innovative tech havens.
+ </p>
+ <p>
+ <a href="#">Read More</a>
+ </p>
+ </article>
+ <!-- Article End -->
+ <!-- Article 3 -->
+ <article>
+ <h4>HomeLab Chronicles: Navigating DIY Tech Ecosystems</h4>
+ <small>December 18th, 2023</small>
+ <p>
+ Embark on a tech adventure with our HomeLab Chronicles,
+ exploring the convergence of creativity and functionality.
+ Our blog covers everything from hardware innovations to
+ software configurations, providing insights and tutorials
+ for your DIY HomeLab.
+ </p>
+ <p>
+ <a href="#">Read More</a>
+ </p>
+ </article>
+ <!-- Article End -->
+ <!-- Article 4 -->
+ <article>
+ <h4>Unleashing Innovation: The Joy of HomeLab Wonders</h4>
+ <small>December 8th, 2023</small>
+ <p>
+ Experience the thrill of HomeLab wonders with us. Discover
+ the joy of turning your home into a personalized tech
+ playground where innovation knows no bounds. Join our
+ community, and let's navigate the DIY tech landscape
+ together.
+ </p>
+ <p>
+ <a href="#">Read More</a>
+ </p>
+ </article>
+ <!-- Article End -->
+ </div>
+ </td>
+ <td>
+ <h2>My Plan</h2>
+ <h3>Introduction</h3>
+ <p>
+ For a while, I have seen tech YouTubers talking about having
+ homelabs, which is just running servers at home and it gave me
+ an idea to have my own one as well.
+ </p>
+ <h3>What is the plan?</h3>
+ <p>
+ Basically, I will be putting things that require a lot of
+ computer resources inside a virtual machine in a server. Then on
+ a low-powered device, I could easily remote into it. The server
+ will also host other services as well such as a media server,
+ storing photos, and other things.
+ </p>
+ <h3>Why should you do it?</h3>
+ <h4>Independence</h4>
+ <p>
+ These days, <em>way</em> more people rely on big tech to manage
+ their lifes, and I wanted to move away from that idea. So around
+ 2018/19, I decided to slowly move away from it, starting with
+ emails.
+ </p>
+ <h4>Minimal Computer Setup</h4>
+ <p>
+ So, you won't really need a massive tower on your desk for doing
+ intensive tasks, for example, I could bring a low-powered device
+ and just plug a single cable that powers my entire setup
+ <i>(connects to keyboard, mouse, monitor, and ports)</i>. After
+ that, I could remote into the virtual machine and do high
+ intensive stuff on it like gaming or video editing.
+ </p>
+ <p><b>Current Homelab</b></p>
+ <a href="img/current_server_setup.jpg"
+ ><img
+ src="img/current_server_setup.jpg"
+ alt="Current Server Setup"
+ width="60%"
+ /></a>
+ <br />
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </main>
+ <footer>
+ <small>© Copyright 2023 - alee14.me</small>
+ <p>
+ <a href="https://alee14.me">My Website</a>
+ <a href="https://instagram.com/alee14498">Instagram</a>
+ </p>
+ </footer>
+ </body>
+</html>
diff --git a/moreinfo.html b/moreinfo.html new file mode 100644 index 0000000..bec8716 --- /dev/null +++ b/moreinfo.html @@ -0,0 +1,61 @@ +<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
+ <title>Homelabs - Want to know more?</title>
+ </head>
+ <body>
+ <nav>
+ <h1>Homelabs</h1>
+ <p>
+ <a href="index.html">Home</a>
+
+ <a href="guide.html">Guide</a>
+
+ <a href="moreinfo.html">Want to know more?</a>
+ </p>
+ <hr />
+ </nav>
+
+ <main>
+ <table width="100%">
+ <tbody>
+ <tr>
+ <td>
+ <h2>Like this? Want to know more?</h2>
+ <p>Here is some links if you want to get into this:</p>
+ <ul>
+ <li>
+ <a href="https://linuxhandbook.com/homelab" target="_blank"
+ >Definition of HomeLab & Why you should have one</a
+ >
+ </li>
+ <li>
+ <a href="https://www.reddit.com/r/homelab/" target="_blank"
+ >HomeLab Subreddit</a
+ >
+ </li>
+ <li>
+ <a
+ href="https://haydenjames.io/home-lab-beginners-guide-hardware/"
+ target="_blank"
+ >Guide for HomeLabs</a
+ >
+ </li>
+ </ul>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </main>
+ <footer>
+ <small>© Copyright 2023 - alee14.me</small>
+ <p>
+ <a href="https://alee14.me">My Website</a>
+ <a href="https://instagram.com/alee14498">Instagram</a>
+ </p>
+ </footer>
+ </body>
+</html>
|
