-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (115 loc) · 9.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" />
<link
rel="stylesheet"
href="/vendor/@fortawesome/fontawesome-free/css/all.min.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Depot</title>
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" data-svelte="svelte-yk4arx">
<link rel="modulepreload" href="/./_app/start-fab3dc85.js">
<link rel="modulepreload" href="/./_app/chunks/vendor-59ae7363.js">
<link rel="modulepreload" href="/./_app/pages/__layout.svelte-34787710.js">
<link rel="modulepreload" href="/./_app/pages/index.svelte-fd34de2c.js">
<link rel="stylesheet" href="/./_app/assets/start-8077b9bf.css">
<link rel="stylesheet" href="/./_app/assets/pages/__layout.svelte-a0eafa60.css">
<link rel="stylesheet" href="/./_app/assets/pages/index.svelte-3eed6d1d.css">
<script type="module">
import { start } from "/./_app/start-fab3dc85.js";
start({
target: document.body,
paths: {"base":"","assets":"/."},
session: {},
host: location.host,
route: true,
spa: false,
trailing_slash: "never",
hydrate: {
status: 200,
error: null,
nodes: [
import("/./_app/pages/__layout.svelte-34787710.js"),
import("/./_app/pages/index.svelte-fd34de2c.js")
],
page: {
host: location.host, // TODO this is redundant
path: "/",
query: new URLSearchParams(""),
params: {}
}
}
});
</script>
</head>
<body class="text-blueGray-700 antialiased">
<div id="svelte">
<div><main>
<div class="bg-gradient-to-r from-yellow-400 via-orange to-orange-200"><section class="header relative pt-4 items-center flex h-screen"><div class="container w-6/12 mx-auto items-center flex flex-wrap left-0"><div class="px-4"><div class="pt-16 sm:pt-0"><h1 class="font-bold text-4xl text-blueGray-700">Depot
</h1>
<h3 class="font-semibold text-4xl text-blueGray-600 pt-4">A beautiful macOS 3D model library.
</h3>
<p class="mt-4 text-lg leading-relaxed text-blueGray-800">Depot is a specially designed app for macOS, that helps organize and manage your 3D
resources. Small projects, large projects, all work gracefully in Depot. Give it a shot!
</p>
<div class="flex justify-center"><div class="w-1/2 px-4 pt-8"><a href="https://apps.apple.com/us/app/depot-3d-model-library/id1569814452?mt=12" target="_blank"><img src="/_app/assets/macappstore.ced87be4.png" alt="Mac App Store" class="object-scale-down align-middle border-none"></a></div></div>
</div></div></div>
<div class="container w-6/12 mx-auto flex flex-auto"><div class="px-4"><img src="/_app/assets/3dbenchydark.7303fdc2.png" alt="Depot Screenshot - 3D model library and project browser"></div></div>
</section></div>
<section class="mt-48 md:mt-40 pb-40 relative bg-blueGray-100"><div class="-mt-20 top-0 bottom-auto left-0 right-0 w-full absolute h-20" style="transform: translateZ(0);"><svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0"><polygon class="text-blueGray-100 fill-current" points="2560 0 2560 100 0 100"></polygon></svg></div>
<div class="container mx-auto"><div class="flex flex-wrap items-center"><div class="w-10/12 md:w-6/12 lg:w-4/12 px-12 md:px-4 mr-auto ml-auto -mt-32"><div class="relative flex flex-col min-w-0 break-words bg-white w-full mb-6 shadow-lg rounded-lg bg-red-400"><img alt="..." src="/_app/assets/dndexamplelight.6dcba032.png" class="w-full align-middle rounded-t-lg">
<blockquote class="relative p-8 mb-4"><svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 583 95" class="absolute left-0 w-full block h-95-px -top-94-px"><polygon points="-30,95 583,95 583,65" class="text-red-400 fill-current"></polygon></svg>
<h4 class="text-xl font-bold text-white">Powerful model management
</h4>
<p class="text-md font-light mt-2 text-white">Managing tens, hundreds, or thousands of models,
projects, and resources is now easy with the help
of Depot.
</p></blockquote></div></div>
<div class="w-full md:w-6/12 px-4"><div class="flex flex-wrap"><div class="w-full md:w-6/12 px-4"><div class="relative flex flex-col mt-4"><div class="px-4 py-5 flex-auto"><div class="text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white"><i class="fas fa-sitemap"></i></div>
<h6 class="text-xl mb-1 font-semibold">Projects
</h6>
<p class="mb-4 text-blueGray-500">Organize all your Resources in Projects, for easy navigation, organization
printing, and tracking.
</p></div></div>
<div class="relative flex flex-col min-w-0"><div class="px-4 py-5 flex-auto"><div class="text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white"><i class="fas fa-drafting-compass"></i></div>
<h6 class="text-xl mb-1 font-semibold">Resources
</h6>
<p class="mb-4 text-blueGray-500">Every 3D project has a LOT of resources. Gather them together in a single place,
easy to find, navigate, sort, and use.
</p></div></div></div>
<div class="w-full md:w-6/12 px-4"><div class="relative flex flex-col min-w-0 mt-4"><div class="px-4 py-5 flex-auto"><div class="text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white"><i class="fas fa-newspaper"></i></div>
<h6 class="text-xl mb-1 font-semibold">Events</h6>
<p class="mb-4 text-blueGray-500">As you change, modify, design, and/or print your projects,
keep a record of various Events, from prints, to changes, to uploads,
all within Depot.
</p></div></div>
<div class="relative flex flex-col min-w-0"><div class="px-4 py-5 flex-auto"><div class="text-blueGray-500 p-3 text-center inline-flex items-center justify-center w-12 h-12 mb-5 shadow-lg rounded-full bg-white"><i class="fas fa-file-alt"></i></div>
<h6 class="text-xl mb-1 font-semibold">Markdown
</h6>
<p class="mb-4 text-blueGray-500">Markdown is fully supported to allow you to document and record,
all actions, details, and notes, with fantastic markdown syntax.
</p></div></div></div></div></div></div></div>
<div class="justify-center text-center flex flex-wrap mt-24"><div class="w-full md:w-6/12 px-12 md:px-4"><h2 class="font-semibold text-4xl">Built for you</h2>
<p class="text-lg leading-relaxed mt-4 mb-4 text-blueGray-500">I bet you have STL files, USDZ, GCode, READMEs, and all kinds of files all over your Mac,
just waiting to be organized so you don't lose them.
Downloading fun stuff from Thingiverse? Yep, toss 'em in to Depot, and you will never
lose them again!
</p></div></div></section>
<footer class="relative bg-blueGray-200 pt-8 pb-6"><div class="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20" style="transform: translateZ(0);"><svg class="absolute bottom-0 overflow-hidden" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" version="1.1" viewBox="0 0 2560 100" x="0" y="0"><polygon class="text-blueGray-200 fill-current" points="2560 0 2560 100 0 100"></polygon></svg></div>
<div class="container mx-auto px-4"><div class="flex flex-wrap text-center lg:text-left"><div class="w-full lg:w-6/12 px-4"><div class="flex flex-wrap items-top mb-6"><div class="w-full lg:w-4/12 px-4 ml-auto"><span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2">Useful Links
</span>
<ul class="list-unstyled"><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://github.com/getdepot/depot">Github
</a></li></ul></div>
<div class="w-full lg:w-4/12 px-4"><span class="block uppercase text-blueGray-500 text-sm font-semibold mb-2">Other Resources
</span>
<ul class="list-unstyled"><li><a class="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm" href="https://github.com/getdepot/depot/blob/16f42dda1850318670bb66a801d513f06fbc6909/privacy.md">Privacy Policy
</a></li></ul></div></div></div></div>
<hr class="my-6 border-blueGray-300">
<div class="flex flex-wrap items-center md:justify-between justify-center"><div class="w-full md:w-4/12 px-4 mx-auto text-center"><div class="text-sm text-blueGray-500 font-semibold py-1">Copyright © 2021 Depot by Eric Anderson
</div></div></div></div></footer></main>
</div>
</div>
</body>
</html>