-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
199 lines (182 loc) · 10 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>PhotoPrism: Browse your life in pictures</title>
<meta property="og:title" content="PhotoPrism: Browse your life in pictures" />
<meta property="og:image" content="https://photoprism.org/images/preview.jpg" />
<meta property="og:url" content="https://photoprism.org/" />
<meta property="og:description" content="Personal photo management powered by Go and Google TensorFlow. Free and open-source. Made with ❤️ in Berlin." />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="PhotoPrism: Browse your life in pictures" />
<meta name="twitter:description" content="Personal photo management powered by Go and Google TensorFlow. Free and open-source. Made with ❤️ in Berlin." />
<meta name="twitter:image" content="https://photoprism.org/images/preview.jpg" />
<meta name="twitter:site" content="@browseyourlife" />
<meta name="description" content="Personal photo management powered by Go and Google TensorFlow. Free and open-source. Made with ❤️ in Berlin." />
<meta name="author" content="Michael Mayer" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="apple-touch-icon" href="favicon.png" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>PhotoPrism</h1>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#screenshots">Screenshots</a></li>
<li><a href="#contribute">Contribute</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://twitter.com/browseyourlife" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/photoprism/photoprism" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://docs.photoprism.org" class="icon fa-book"><span class="label">Documentation</span></a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2>Hello.</h2>
</header>
<p>
We love taking photos.
</p>
<p>
Privacy concerns - and the wish to properly archive them for the next generation - brought us to the conclusion that existing cloud solutions are not the right tool to keep them organized.
</p>
<p>
That's why we started working on an easy-to-use application that can be hosted at home or on a private server.
</p>
<footer>
<a href="#features" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="features" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>What to expect</h2>
</header>
<p>Clearly structured Web interface for browsing, organizing and sharing your personal photo collection.</p>
<p>Import everything without worrying about duplicates or RAW to JPEG conversion.<p>
<p>Reverse geocoding and automated tagging based on Google TensorFlow.</p>
</div>
<a href="#screenshots" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="screenshots" class="main style3 primary">
<div class="content">
<header>
<h2>Screenshots</h2>
<p>
The following screenshots are based on our latest development snapshot.
Photos are getting automatically labeled, tagged and sorted during import.
You can instantly search for objects, colors and locations or filter by camera model.
Thumbnails are created using a high-quality resampling filter.
</p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="images/fulls/search.jpg" class="image fit"><img src="images/thumbs/search_small.jpg" title="Search for any object, color or location" alt="Mosaic view" /></a>
</article>
<article class="from-right">
<a href="images/fulls/mobile.jpg" class="image fit"><img src="images/thumbs/mobile_small.jpg" title="The UI is fully responsive" alt="The UI is fully responsive" /></a>
</article>
<!-- article class="from-left">
<a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" title="Images are resampled using a high-quality filter" alt="Full-screen photo view" /></a>
</article -->
<article class="from-left">
<a href="images/fulls/places.jpg" class="image fit"><img src="images/thumbs/places_small.jpg" title="See where you took your favorite shots" alt="See where you took your favorite shots" /></a>
</article>
<article class="from-right">
<a href="images/fulls/list.jpg" class="image fit"><img src="images/thumbs/list_small.jpg" title="A list view helps keeping track of your photos" alt="List view with search results" /></a>
</article>
<!-- article class="from-right">
<a href="images/fulls/06.jpg" class="image fit"><img src="images/thumbs/06.jpg" title="Works on devices of all sizes" alt="Mobile navigation" /></a>
</article -->
</div>
</div>
</section>
<!-- Two -->
<section id="contribute" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>Contribute</h2>
</header>
<p>
PhotoPrism™ is a young open-source project. It started with a simple demo app that could find cat pictures in a directory.
</p>
<p>
Our <a href="https://github.com/photoprism/photoprism/wiki/Screenshots" target="_blank">progress</a> since then is remarkable and encourages us to
continue working towards our first release. We strive to build the most user-friendly personal photo management out there.
</p>
<p>
Every contribution makes a difference on this journey.
</p>
</div>
<a href="#contact" class="button style2 down anchored">Next</a>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<h2>Let's connect</h2>
<p>
You are welcome to reach out by writing an email to
<a href="mailto:[email protected]">[email protected]</a>.
Our <a href="https://github.com/photoprism/photoprism/wiki" target="_blank">developer guide</a> contains all
information necessary to get you started as contributor.
You can also find us on
<a href="https://github.com/photoprism" target="_blank">GitHub</a>,
<a href="https://gitter.im/browseyourlife/community" target="_blank">Gitter Chat</a>,
<a href="https://twitter.com/browseyourlife" target="_blank">Twitter</a>,
<a href="https://www.instagram.com/browseyourlife/" target="_blank">Instagram</a>,
and <a href="https://www.linkedin.com/company/photoprism/" target="_blank">LinkedIn</a>.
</p>
<p>
We'd love to hear from you!
</p>
<p>
<a class="button" target="_blank" href="https://goo.gl/forms/KBPVGl9PCsOKrAv33">Get a release notification</a>
</p>
<p>
Our user guide can be found on <a href="https://docs.photoprism.org/" target="_blank">docs.photoprism.org</a>.
</p>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="https://twitter.com/browseyourlife" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/browseyourlife/" class="icon fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/company/photoprism/" class="icon fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://gitter.im/browseyourlife/community" class="icon fa-comments" target="_blank"><span class="label">Gitter Chat</span></a></li>
<li><a href="https://github.com/photoprism/photoprism" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://docs.photoprism.org" class="icon fa-book"><span class="label">Documentation</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>Made with ❤ in Berlin</li><li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>