conbo/index.html at main · conbojs/conbo · GitHub

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
<!DOCTYPE html>
<html>
	<head>
	    <title>ConboJS 4 | Lightweight MVx application framework for JavaScript | Made by Mesmotronic</title>
		<meta charset="utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
		<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
		<style type="text/css">
			body, html {
				margin: 0;
				padding: 0;
				background: white;
				width: 100%;
				height: 100%;
				overflow: hidden;
			}
			body, h1, h2, p {
			 	font-family: 'Open Sans', sans-serif;
				font-weight: 300;
				color: #333;
				padding: 0;
			}
			h1 {
				font-size: 60px;
				margin: 16px 0 42px;
			}
			h2 {
				font-size: 18px;
				font-weight: 400;
				margin: 20px 0;
			}
			p {
				font-size: 14px;
				margin: 10px 0;
			}
			p, a {
				color: #444;
				text-decoration: none;
			}
			#logo {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
			}
			#logo img {
				max-height: 27.5vh;
				vertical-align: middle;
			}
			#footer {
				position: absolute;
				text-align: center;
				left: 16px;
				right: 16px;
				bottom: 24px;
			}
			.small,
			.small a {
				color: #CCC;
				font-size: 12px;
			}
			code a {
				background: #EEE;
				font-size: 11px;
				padding: 2px 5px;
				color: #666;
				border-radius: 3px;
				vertical-align: middle;
			}
			@media screen and (max-height:480px) {
				#logo > div {
					padding-bottom: 33vh;
				}
				#logo h1 {
					display: inline;
					vertical-align: middle;
					margin-left: 16px;
				}
			}
		</style>
	</head>
	<body>
		<div id="logo">
			<div>
				<img src="https://raw.githubusercontent.com/mesmotronic/conbo/master/img/conbo.png" />
				<h1>ConboJS 4</h1>
			</div>
		</div>
		<div id="footer">
			<h2>The best JavaScript MVx framework you've never heard of</h2>
			<p><a href="docs/conbo/4.3.32/">Docs</a> | <a href="examples">Examples</a> | <a href="https://github.com/mesmotronic/conbo/releases">Download</a> | <code></pre><a href="https://www.npmjs.com/package/conbo">npm i conbo</a></code></p>
			<p class="small"><a href="https://www.mesmotronic.com/">Made by Mesmotronic</a></p>
		</div>
		<a href="https://github.com/conbojs">
			<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" />
		</a>
	</body>
</html>