forked from almbr/tempmonitor.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
214 lines (188 loc) · 10.7 KB
/
index.html
File metadata and controls
214 lines (188 loc) · 10.7 KB
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html>
<head>
<title>Temp monitor</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/img/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/img/favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/img/favicon/manifest.json">
<link rel="mask-icon" href="/img/favicon/safari-pinned-tab.svg" color="#34ab00">
<link rel="shortcut icon" href="/img/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#222125">
<meta name="msapplication-TileImage" content="/img/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="/img/favicon/browserconfig.xml">
<meta name="theme-color" content="#222125">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-83805031-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/"><span class="logo-temp">Temp</span><span class="logo-monitor">monitor</span></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li class=""><a href="/shop">Shop</a></li>
<li class=""><a href="/about">About</a></li>
<li class=""><a href="/downloads">Downloads</a></li>
</ul>
</div>
</div>
</nav>
<header class="text-center header-index">
<!--<img class="under-construction" src="img/under_construction.svg">-->
<!--<span class="logo-temp">Temp</span><span class="logo-monitor">monitor</span>-->
<h1>
Welcome to Temp monitor!
</h1>
<h2>
Temp monitor is now available and can be purchased online !
</h2>
<a href="/shop">
<button type="button" class="btn btn-default btn-lg">
Go to Shop
</button>
</a>
</header>
<main id="main" class="container-fluid">
<div class="row productshow">
<div class="col-md-5">
<div class="container" style="background-image: url(img/temp_monitor_rotating.gif);"></div>
</div>
<div class="col-md-7 ">
<h1>Temp monitor</h1>
<p>
Temp monitor is an open source and hardware monitor to show system resources such as CPU and GPU temperature, fan speeds, RAM usage, GPU and CPU load.
<br><br>
The monitor is connected to your computer via USB and can be customised with its associated program.
<br><br>
Temp monitor is availible for Windows with planned support for Linux coming up.
</p>
</div>
</div>
<div class="row productshow">
<div class="col-md-5 col-md-push-7">
<div class="container" style="background-image: url(img/lodning_over_axel.jpg);"></div>
</div>
<div class="col-md-7 col-md-pull-5">
<h1>We do things ourselves</h1>
<p>
We have developed both hardware and software from scratch. If you are interested you can access all our work as it is hosted publicly on github. Open Source and free for anyone to use.
<br><br>
We also manufacture ourselves. Circuit boards and components are delivered to us. After that we program, assemble and solder everything.
<br><br>
And so Temp monitor is Made in Sweden.
</p>
</div>
</div>
<div class="row row-center">
<div class="col-md-12"><center>
<span><h1>But why?</h1></span>
<p>
We don't like troublesome computers and we don't like bad-looking utility programs that cover areas of the screen.
<br><br>
Therefore we decided to build a solution ourselves.
<br><br>
Temp monitor solves the problem of occupying your computer monitor. Instead you have constant access to the information that you need, without disturbing what you're actually doing.
</p>
</div></center>
</div>
<div class="row row-center">
<div class="col-md-12"><center>
<h1>Subscribe to our newsletter!</h1>
<p>
We would like that everyone who is interested in what we have made will be reminded. Neither do we want to miss out on any potential customers.
<br><br>
If you want to be reminded, please apply following the button below.
<br><br>
</p>
<a href="/form.html" target="_blank"><button type="button" class="btn btn-default btn-lg">
Subscribe
</button></a>
</center></div>
</div>
<!--<div class="row">
<a href="#main">
<button type="button" class="btn btn-default btn-lg">
Product details >
</button>
</a>
</div>-->
<!--<div class="pitch">
<div class="row">
<video controls>
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support HTML5 video.
</video>
</div>
</div>-->
<!--<div class="row">
<p>
Text här, Text här", och ger intryck av att vara läsbar text. Många publiseringprogram och webbutvecklare använder Lorem Ipsum som test-text, och en sökning efter "Lorem Ipsum" avslöjar många webbsidor under uteckling. Olika versioner har dykt upp under åren, ibland av olyckshändelse, ibland med flit (mer eller mindre humoristiska).Var kommer det ifrån?I motsättning till vad många tror, är inte Lorem Ipsum slumpvisa ord. Det har sina rötter i ett stycke klassiskt litteratur på latin från 45 år före år 0, och är alltså över 2000 år gammalt. Richard McClintock, en professor i latin på Hampden-Sydney College i Virginia, översatte ett av de mer ovanliga orden, consectetur, från ett stycke Lorem Ipsum och fann dess ursprung genom att studera användningen av dessa ord i klassisk litteratur. Lorem Ipsum kommer från styckena 1.10.32 och 1.10.33 av "de Finibus Bonorum et Malorum" (Ytterligheterna av ont och gott) av Cicero, skriven 45 före år 0. Boken är en avhandling i teorier om etik, och var väldigt populär under renäsanssen. Den inledande meningen i Lorem Ipsum, "Lorem Ipsum dolor sit amet...", kommer från stycke 1.10.32.Den ursprungliga Lorem Ipsum-texten från 1500-talet är återgiven nedan för de intresserade. Styckena 1.10.32 och 1.10.33 från "de Finibus Bonorum et Malorum" av Cicero hittar du också i deras originala form, åtföljda av de engelska översättningarna av H. Rackham från 1914.Var får jag tag i det?Det finns många olika varianter av Lorem Ipsum, men majoriteten av dessa har ändrats på någotvis. Antingen med inslag av humor, eller med inlägg av ord som knappast ser trovärdiga ut. Skall man använda långa stycken av Lorem Ipsum bör man försäkra sig om att det inte gömmer sig något pinsamt mitt i texten. Lorem Ipsum-generatorer på internet tenderar att repetera Lorem Ipsum-texten styckvis efter behov, något som gör denna sidan till den första riktiga Lorem Ipsum-generatorn på internet. Den använder ett ordförråd på över 200 ord, kombinerat med ett antal meningsbyggnadsstrukturer som tillsamman genererar Lorem Ipsum som ser ut som en normal mening. Lorem Ipsum genererad på denna sidan är därför alltid fri från repetitioner, humorinslag, märkliga ordformationer osv.
</p>
</div>-->
</main>
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<h1>Navigation</h1>
<ul class="list-unstyled">
<li><a href="/">Home</a></li>
<li><a href="/shop">Shop</a></li>
<li><a href="/about">About us</a></li>
<li><a href="/downloads">Downloads</a></li>
<li><a href="https://github.com/Tempmonitor/">Documentation</a></li>
</ul>
</div>
<div class="col-md-4">
<h1>Contact us</h1>
<ul class="list-unstyled">
<li><a href="mailto:contact@tempmonitor.se" target="_blank"><u>contact@tempmonitor.se</u></a></li>
<li>+46 76 - 297 21 80</li>
<li>Fjällgatan 6, 413 17 Göteborg</li>
</ul>
</div>
<div class="col-md-4">
<h1>Social media</h1>
<ul class="list-unstyled">
<li><a href="https://www.facebook.com/tempmonitor/?ref=nf" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i>Facebook</a> </li>
<li><a href="https://www.instagram.com/tempmonitor/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i>Instagram</a></li>
<li><a href="https://github.com/Tempmonitor" target="_blank"><i class="fa fa-github" aria-hidden="true"></i>Github</a></li>
<li><a href="https://hackaday.io/project/18119-temp-monitor" target="_blank"> Hackaday</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/3d819bd394.js"></script>
</body>
</html>