-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (154 loc) · 9.22 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-JQE0QEL043"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-JQE0QEL043', {
cookie_flags: 'max-age=7200;secure;samesite=none'
});
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="Fast, simple yet powerful JavaScript-driven static site generation.">
<meta name="author" content="Jeffrey Schwartz">
<meta name="generator" content="Trio v6.1.0">
<title>Trio - JavaScript-driven static site generation.</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.png">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/main.4b032a8bb77734ada3ae34e1a6cf849f.css">
</head>
<body class="home-page">
<header class="header header--fixed header--green">
<section class="container header__container">
<input class="hamburger-checkbox header__hamburger-checkbox" type="checkbox" id="hamburger-checkbox" autocomplete="off">
<label class="hamburger-helper header__hamburger-container" for="hamburger-checkbox">
<div class="hamburger">
<div class="hamburger__bun">
<div class="hamburger__patty"></div>
<div class="hamburger__patty"></div>
<div class="hamburger__patty"></div>
</div>
</div>
</label>
<div class="header__promo">
<img class="header__promo-image" src="/media/brand.b66d421676dcc7ac68959fd41c82c140.svg" alt="Trio Icon">
<div class="header__promo-text">T<span class="header__promo-text-smallcaps">rio</span>
<span class="header__promo-text-version">v6.1.0</span>
</div>
</div>
<nav class="header__nav">
<ul class="header__nav-items">
<li class="header__nav-item header__nav-item--active">
<a class="header__nav-item-link" href="/">Home</a>
</li>
<li class="header__nav-item">
<a class="header__nav-item-link" href="/docs/v6/">Docs</a>
</li>
<li class="header__nav-item">
<a class="header__nav-item-link" href="/blog">Blog</a>
</li>
</ul>
</nav>
</section>
</header>
<main>
<div class="hero-primary-container">
<div class="hero-primary fixed-width-container">
<h1 class="hero-primary__header">Fast, Simple Yet Powerful JavaScript-Driven Static Site Generation.</h1>
<div class="buttons-tray">
<a class="button-primary" href="/docs/v6/gettingstarted">Get Started</a>
<a class="button-secondary" href="/docs/v6/coreconcepts">Core Concepts</a>
</div>
</div>
</div>
<section class="fixed-width-container features">
<article class="feature">
<div class="feature__copy">
<h2 class="feature__copy-heading">Really Fast.</h2>
<p class="feature__copy-body">Trio caches every project asset per build, and only generates stale assets when building incrementally, dramatically reducing build times. And Trio is built on Node, and Node is really fast.</p>
</div>
<div class="feature__img-container">
<img class="feature__img" src="/media/green-rocket.87616808e5c69fa3c05c75cf7cafb482.png" alt="rocket ship">
</div>
</article>
<article class="feature feature--flip">
<div class="feature__copy">
<h2 class="feature__copy-heading">Simple Yet Powerful.</h2>
<p class="feature__copy-body">Trio has almost zero configuration, includes common build-time utilities in its toolchain, and doesn't require frameworks or templating languages.</p>
</div>
<div class="feature__img-container">
<img class="feature__img" src="/media/electrician.f0869ce99680dec5cc68693323b612a5.png" alt="electrician">
</div>
</article>
<article class="feature">
<div class="feature__copy">
<h2 class="feature__copy-heading feature__copy-heading--push-down">JavaScript Driven</h2>
<p class="feature__copy-body">Trio uses the JavaScript Node modules that you write to augment your composites with dynamic content. You have all the latest ES6+ goodies to work with without having to transpile your code.</p>
</div>
<div class="feature__img-container feature__img-container--race-car">
<img class="feature__img" src="/media/car-with-js-in-a-circle.6542f517021369cbc8c1b91be1950af9.png" alt="race car">
</div>
</article>
</section>
<div class="hero-secondary-container">
<div class="hero-secondary fixed-width-container">
<h1 class="hero-secondary__header">What Are You Waiting For?</h1>
<div class="buttons-tray">
<a class="button-primary" href="/docs/v6/gettingstarted">Get Started</a>
</div>
</div>
</div>
<section class="fixed-width-container featurettes">
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Built-In Toolchain</h2>
<p class="featurette__copy-body">Trio's built-in toolchain beautifies generated markup, compiles your Sass with vendor prefixes, minification, CSS source maps, and will cache bust your project for release.</p>
</div>
</article>
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Blogging Platform</h2>
<p class="featurette__copy-body">Trio is a beast of a blogging platform because it is built from the ground up to help you create modern-day blogs with the features you and your readers have come to expect, such as categories, tags, article pages, category pages, tag pages, landing pages, archive pages, and link navigation.</p>
</div>
</article>
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Configuration</h2>
<p class="featurette__copy-body">We've all been there. We install some trendy piece of software but we have to spend hours configuring it before we can do anything with it. Trio eliminates all that. You can literally install Trio, create a new project, and you are good to go without configuring anything at all! Besides, who likes configuration anyway, right?</p>
</div>
</article>
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Command Line</h2>
<p class="featurette__copy-body">Trio provides extensive command line functionality for getting help, building and serving your sites. It was crafted with the iterative code and test process in mind.</p>
</div>
</article>
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Incremental Builds</h2>
<p class="featurette__copy-body">Dramatically reduces project build times by limiting processing to only stale assets.</p>
</div>
</article>
<article class="featurette">
<div class="featurette__copy">
<h2 class="featurette__copy-heading">Integrity Checking</h2>
<p class="featurette__copy-body">Checks your project's chains of dependencies and notifies you when assets can't be resolved.</p>
</div>
</article>
</section>
</main>
<footer class="fixed-width-container footer">
<p class="show-the-love">"Built with <span class="heart">♥</span> for the Web, and a passion for simplifying complex things."</p>
<p>©<span>2018-2022</span> Jeffrey Schwartz All Rights Reserved</p>
<p>Code licensed <a target="_blank" href="https://github.com/4awpawz/trio/blob/master/LICENSE">MIT</a>, docs <a target="_blank" href="https://creativecommons.org/licenses/by/3.0/">CC By 3.0</a></p>
<p>Currently <span>v6.1.0</span></p>
<p><a href="https://github.com/4awpawz/trio#changelog" target="_blank">Changelog</a></p>
</footer>
</body>
</html>