-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
124 lines (113 loc) · 4.39 KB
/
index.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
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<title>CNC math</title>
<link rel="shortcut icon" href="assets/favicon.ico" type="image/x-icon" sizes="64x64">
<link rel="stylesheet" href="styles/bootstrap.css">
<link rel="stylesheet" href="styles/site.css">
<script src="scripts/site.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="for machinists and programmers.">
<!-- PWA -->
<link rel="manifest" href="manifest.json">
<!-- iOS -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon" sizes="57x57" href="assets/icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="assets/icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="assets/icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="assets/icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="assets/icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="assets/icon-144x144.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="assets/icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="assets/icon-180x180.png" />
<link rel="apple-touch-startup-image"
href="assets/splash-port-0640x1136.png"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-0750x1334.png"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-1242x2208.png"
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-1125x2436.png"
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-1536x2048.png"
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-1668x2224.png"
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2)"
/>
<link rel="apple-touch-startup-image"
href="assets/splash-port-2048x2732.png"
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)"
/>
<style>
div.card{
width: 20rem;
max-width: 90%;
}
div.card img{
max-width: 150px;
margin: 30px auto;
}
div.card > a{
position: absolute;
top: 0; left: 0;
height: 100%; width: 100%;
}
div.card-body{
background-color: whitesmoke;
}
main div.row {
margin-top: 4rem;
}
main div.col {
margin-bottom: 4rem;
}
</style>
</head>
<body class="container-fluid">
<header class="row">
<div class="col col-sm-auto"><a class="m-auto m-sm-0" href="index.html"><h1>CNC<small class="d-block d-sm-inline text-center"> math</small></h1></a></div>
<div id="tagline" style="border-left: thin solid gray;" class="col d-none d-sm-block"><p>for machinists<br />and programmers</p></div>
</header>
<main>
<div class="row">
<div class="col">
<div class="card mx-auto">
<a href="app.html"></a>
<img class="card-img-top" src="assets/noun_drill bit_170363.png" alt="noun_drill_bit_170363.png">
<div class="card-body">
<h3 class="card-title">App</h3>
<p class="card-text">Take me to the app so I can start working right away.</p>
</div>
</div>
</div>
<div class="col">
<div class="card mx-auto">
<a href="doc.html"></a>
<img class="card-img-top" src="assets/noun_documentation_192334.png" alt="noun_documentation_192334.png">
<div class="card-body">
<h3 class="card-title">Docs</h3>
<p class="card-text">
Read about each of the applets on the documentation page.
</p>
</div>
</div>
</div>
</div>
</main>
<footer class="row">
<div class="col">
<a href="https://github.com/scottmwyant/cncmath" target="_blank">Contribute to this project on GitHub</a>
</div>
</footer>
</body>
</html>