-
Notifications
You must be signed in to change notification settings - Fork 0
/
spht_characters.html
122 lines (111 loc) · 5.08 KB
/
spht_characters.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html>
<title>S'pht Characters</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="overlays.css">
</head>
<body>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<b><a href="about.html">About</a>
<a href="characters.html">Characters</a>
<a href="weapons.html">Weapons</a>
<a href="other.html">Other Resources</a></b>
<a href="index.html">Go back Home</a></b>
</div>
<div id="main">
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ Menu</span>
<h1>Characters</h1>
<div class="grid-container">
<div class="grid-item"><img src="images/Compiler1.png"></img></div>
<div class="grid-item"><img src="images/Compiler2.png"></img></div>
<div class="grid-item"><img src="images/KR.png"></img></div>
</div>
</div>
<div class="overlay" id="officer2">
<div class="overlay-content"> <a href="javascript:void(0)" class="closebtn" onclick="off('officer2')">×</a>
<div class="card">
<h1>Security Officer (M2/∞)</h1>
<div class="grid-container">
<div class="grid-item">
<img src="images/OfficerM2.png" alt="Security Officer, M2 style" style="width:100%">
<a href="#">Download Model</a>
</div>
<div class="grid-item">
<p>
This is a free interpretation of the chapter art for Marathon Durandal and Marathon Infinity,
portrays an officer with a heavier armor and some extra gadgets that we don't see in game.
</p>
</div>
</div>
<p style="color:yellow; font-size:18px">
Attention! 4K textures ahead, proceed with caution.
</p>
<div class = "grid-container">
<div class = "grid-item"><a href="#">Base Color</a></div>
<div class = "grid-item"><a href="#">Normal Map</a></div>
<div class = "grid-item"><a href="#">ORM Map</a></div>
</div>
</div> </div>
</div>
<div class="overlay" id="officer1">
<div class="overlay-content"> <a href="javascript:void(0)" class="closebtn" onclick="off('officer1')">×</a>
<div class="card">
<h1>Security Officer (M1/in-game)</h1>
<div class="grid-container">
<div class="grid-item">
<img src="images/OfficerM1.png" alt="Security Officer, M1 style" style="width:100%">
<a href="https://github.com/RiseRobotRise/Marathon-Models/raw/master/Characters/M1%20Officer.blend">Download Model</a>
</div>
<div class="grid-item">
<p>
This model is based on the art from the three games and a recent post in Bungie's twitter, that features
the Cyborg, Master Chief and Oni's protagonist in a single drawing.
</p>
</div>
</div>
<p style="color:yellow; font-size:18px">
Attention! 4K textures ahead, proceed with caution.
</p>
<!-- Tab links -->
<div class="tab">
<button class="tablinks" onclick="openTab(event, 'm1o_set1')">Set 1</button>
<button class="tablinks" onclick="openTab(event, 'm1o_set2')">Set 2</button>
<button class="tablinks" onclick="openTab(event, 'm1o_set3')">Set 3</button>
</div>
<!-- Tab content -->
<div id="m1o_set1" class="tabcontent">
<h3>Suit</h3>
<div class = "grid-container">
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_boi.001_BaseColor.png">Base Color</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_boi.001_Normal.png">Normal Map</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_boi.001_OcclusionRoughnessMetallic.png">ORM Map</a></div>
</div>
</div>
<div id="m1o_set2" class="tabcontent">
<h3>Armor</h3>
<div class = "grid-container">
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_None_BaseColor.png">Base Color</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_None_Normal.png">Normal Map</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/M1%20Officer/Officer_low_None_OcclusionRoughnessMetallic.png">ORM Map</a></div>
</div>
</div>
<div id="m1o_set3" class="tabcontent">
<h3>Shared</h3>
<div class = "grid-container">
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/Shared/ADDONSLOW_None_BaseColor.png">Base Color</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/Shared/ADDONSLOW_None_Normal.png">Normal Map</a></div>
<div class = "grid-item"><a href="https://media.githubusercontent.com/media/RiseRobotRise/Characters/master/Models/Shared/ADDONSLOW_None_OcclusionRoughnessMetallic.png">ORM Map</a></div>
</div>
</div>
</div> </div>
</div>
<script src="push.js">
</script>
<script>
includeHTML();
</script>
</body>
</html>