-
Notifications
You must be signed in to change notification settings - Fork 0
/
zarya.html
86 lines (76 loc) · 3.62 KB
/
zarya.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>David Rauseo</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">David Rauseo</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Overwatch Case / Tower</h1>
<p>In my quest for the most powerful cooling system with minimal desk area, I designed a cooling tower that could be mounted to a monitor stand, to provide stability and allow the case to be much higher. I modeled the cooling tower after Zarya's particle cannon from the game <i>Overwatch</i>. The tower houses two radiators, a reservoir, 8 fans, and two temperature monitors. Eight pieces of the tower were printed individually, and steel rods help with strength as well as alignment when glueing the pieces together. The base of the computer is an Ncase M1, with the pump and computer components inside. The pump and cpu waterblock brakcets are 3D printed. The two sections are separated by Koolance quick disconnects to allow for easy maintenance. To make the PSU quieter, I took it apart and installed a Noctua fan with a lower RPM.</p>
<span class="image main"><img src="images/zarya-6.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-0.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-1.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-2.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-3.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-4.jpg" alt="" style="width: 50%; height: 50%"/></span>
<span class="image main"><img src="images/zarya-5.jpg" alt="" style="width: 50%; height: 50%"/></span>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>This website was created from a template on HTML5UP.</h2>
</section>
<ul class="copyright">
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>