lychee/index.html

144 lines
60 KiB
HTML
Raw Normal View History

2012-10-02 15:48:08 +00:00
<!DOCTYPE HTML>
2014-04-01 22:18:47 +00:00
<html>
2012-10-02 15:48:08 +00:00
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Lychee</title>
2012-10-02 15:48:08 +00:00
<meta name="author" content="Tobias Reich">
2012-10-02 15:48:08 +00:00
2014-10-10 21:30:10 +00:00
<link type="text/css" rel="stylesheet" href="dist/main.css">
2014-02-15 20:30:59 +00:00
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="src/images/apple-touch-icon-ipad.png" sizes="120x120">
<link rel="apple-touch-icon" href="src/images/apple-touch-icon-iphone.png" sizes="152x152">
<link rel="apple-touch-icon" href="src/images/apple-touch-icon-iphone-plus.png" sizes="180x180">
2012-10-02 15:48:08 +00:00
2014-10-03 17:20:59 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0">
2014-03-19 11:47:51 +00:00
<meta name="apple-mobile-web-app-status-bar-style" content="black">
2012-10-02 15:48:08 +00:00
<meta name="apple-mobile-web-app-capable" content="yes">
</head>
<body>
2015-04-01 21:39:12 +00:00
<!-- inject:svg -->
<svg class="svgsprite" version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><symbol id="account-login" viewBox="0 0 8 8"><path d="M3 0v1h4v5h-4v1h5v-7h-5zm1 2v1h-4v1h4v1l2-1.5-2-1.5z"/></symbol><symbol id="account-logout" viewBox="0 0 8 8"><path d="M3 0v1h4v5h-4v1h5v-7h-5zm-1 2l-2 1.5 2 1.5v-1h4v-1h-4v-1z"/></symbol><symbol id="action-redo" viewBox="0 0 8 8"><path d="M3.5 0c-1.93 0-3.5 1.57-3.5 3.5 0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v.5h-1l2 2 2-2h-1v-.5c0-1.93-1.57-3.5-3.5-3.5z" transform="translate(0 1)"/></symbol><symbol id="action-undo" viewBox="0 0 8 8"><path d="M4.5 0c-1.93 0-3.5 1.57-3.5 3.5v.5h-1l2 2 2-2h-1v-.5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5c0-1.93-1.57-3.5-3.5-3.5z" transform="translate(0 1)"/></symbol><symbol id="align-center" viewBox="0 0 8 8"><path d="M0 0v1h8v-1h-8zm1 2v1h6v-1h-6zm-1 2v1h8v-1h-8zm1 2v1h6v-1h-6z"/></symbol><symbol id="align-left" viewBox="0 0 8 8"><path d="M0 0v1h8v-1h-8zm0 2v1h6v-1h-6zm0 2v1h8v-1h-8zm0 2v1h6v-1h-6z"/></symbol><symbol id="align-right" viewBox="0 0 8 8"><path d="M0 0v1h8v-1h-8zm2 2v1h6v-1h-6zm-2 2v1h8v-1h-8zm2 2v1h6v-1h-6z"/></symbol><symbol id="aperture" viewBox="0 0 8 8"><path d="M4 0c-.69 0-1.336.19-1.906.5l3.219 2.344.719-2.25c-.59-.36-1.281-.594-2.031-.594zm-2.75 1.125c-.76.73-1.25 1.735-1.25 2.875 0 .25.022.489.063.719l3.094-2.219-1.906-1.375zm5.625.125l-1.219 3.75h2.219c.08-.32.125-.65.125-1 0-1.07-.435-2.03-1.125-2.75zm-4.719 3.188l-1.75 1.281c.55 1.13 1.595 1.989 2.875 2.219l-1.125-3.5zm1.563 1.563l.625 1.969c1.33-.11 2.454-.879 3.094-1.969h-3.719z"/></symbol><symbol id="arrow-bottom" viewBox="0 0 8 8"><path d="M2 0v5h-2l2.531 3 2.469-3h-2v-5h-1z" transform="translate(1)"/></symbol><symbol id="arrow-circle-bottom" viewBox="0 0 8 8"><path d="M4 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-1 1h2v3h2l-3 3-3-3h2v-3z"/></symbol><symbol id="arrow-circle-left" viewBox="0 0 8 8"><path d="M4 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1v2h3v2h-3v2l-3-3 3-3z"/></symbol><symbol id="arrow-circle-right" viewBox="0 0 8 8"><path d="M4 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1l3 3-3 3v-2h-3v-2h3v-2z"/></symbol><symbol id="arrow-circle-top" viewBox="0 0 8 8"><path d="M4 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1l3 3h-2v3h-2v-3h-2l3-3z"/></symbol><symbol id="arrow-left" viewBox="0 0 8 8"><path d="M3 0l-3 2.531 3 2.469v-2h5v-1h-5v-2z" transform="translate(0 1)"/></symbol><symbol id="arrow-right" viewBox="0 0 8 8"><path d="M5 0v2h-5v1h5v2l3-2.531-3-2.469z" transform="translate(0 1)"/></symbol><symbol id="arrow-thick-bottom" viewBox="0 0 8 8"><path d="M2 0v5h-2l3.031 3 2.969-3h-2v-5h-2z" transform="translate(1)"/></symbol><symbol id="arrow-thick-left" viewBox="0 0 8 8"><path d="M3 0l-3 3.031 3 2.969v-2h5v-2h-5v-2z" transform="translate(0 1)"/></symbol><symbol id="arrow-thick-right" viewBox="0 0 8 8"><path d="M5 0v2h-5v2h5v2l3-3.031-3-2.969z" transform="translate(0 1)"/></symbol><symbol id="arrow-thick-top" viewBox="0 0 8 8"><path d="M2.969 0l-2.969 3h2v5h2v-5h2l-3.031-3z" transform="translate(1)"/></symbol><symbol id="arrow-top" viewBox="0 0 8 8"><path d="M2.469 0l-2.469 3h2v5h1v-5h2l-2.531-3z" transform="translate(1)"/></symbol><symbol id="audio-spectrum" viewBox="0 0 8 8"><path d="M4 0v8h1v-8h-1zm-2 1v6h1v-6h-1zm4 1v4h1v-4h-1zm-6 1v2h1v-2h-1z"/></symbol><symbol id="audio" viewBox="0 0 8 8"><path d="M1.188 0c-.734.722-1.188 1.748-1.188 2.844 0 1.095.454 2.09 1.188 2.813l.688-.719c-.546-.538-.875-1.269-.875-2.094s.329-1.587.875-2.125l-.688-.719zm5.625 0l-.688.719c.552.552.875 1.289.875 2.125 0 .836-.327 1.554-.875 2.094l.688.719c.732-.72 1.188-1.708 1.188-2.813 0-1.104-.459-2.115-1.188-2.844zm-4.219 1.406c-.362.362-.594.889-.594 1.438 0 .548.232 1.045.594 1.406l.688-.719c-.178-.178-.281-.416-.281-.688 0-.272.103-.54.281-.719l-.688-.719zm2.813 0l-.688.719c.183.183.281.434.281.719s-.099.505-.281.688l.688.719c.357-.357.594-.851.594-1.406 0-.555-.236-1.08-.594-1.438z" transform="translate(0 1)"/></symbol><symbol id="badge" viewBox="0 0 8 8"><path d="M2 0c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2zm-1 4.813v3
2015-04-04 22:45:15 +00:00
<svg class="svgsprite" version="1.1" xmlns="http://www.w3.org/2000/svg"><symbol id="twitter" viewBox="0 0 512 512"><path d="M492 109.5c-17.4 7.7-36 12.9-55.6 15.3 20-12 35.4-31 42.6-53.6-18.7 11.1-39.4 19.2-61.5 23.5C399.8 75.8 374.6 64 346.8 64c-53.5 0-96.8 43.4-96.8 96.9 0 7.6.8 15 2.5 22.1-80.5-4-151.9-42.6-199.6-101.3-8.3 14.3-13.1 31-13.1 48.7 0 33.6 17.2 63.3 43.2 80.7-16-.4-31-4.8-44-12.1v1.2c0 47 33.4 86.1 77.7 95-8.1 2.2-16.7 3.4-25.5 3.4-6.2 0-12.3-.6-18.2-1.8 12.3 38.5 48.1 66.5 90.5 67.3-33.1 26-74.9 41.5-120.3 41.5-7.8 0-15.5-.5-23.1-1.4C62.8 432 113.7 448 168.3 448 346.6 448 444 300.3 444 172.2c0-4.2-.1-8.4-.3-12.5C462.6 146 479 129 492 109.5z"/></symbol><symbol id="facebook" viewBox="0 0 512 512"><path d="M288 192v-38.1c0-17.2 3.8-25.9 30.5-25.9H352V64h-55.9c-68.5 0-91.1 31.4-91.1 85.3V192h-45v64h45v192h83V256h56.4l7.6-64h-64z"/></symbol><symbol id="dropbox" viewBox="0 0 512 512"><path d="M177 77L64 150.9l78.1 62.7L256 143.1zM64 276.3l113 73.9 79-66.1-113.9-70.5zM256 284.1l79 66.1 113-73.9-78.1-62.7zM448 150.9L335 77l-79 66.1 113.9 70.5zM256.2 298.3l-79.8 66-34.4-22.2V367l114 68 114-68v-24.9l-34.2 22.2z"/></symbol></svg>
2015-04-01 21:39:12 +00:00
<!-- endinject -->
2012-10-02 15:48:08 +00:00
<!-- Loading -->
<div id="loading"></div>
2012-10-02 15:48:08 +00:00
<!-- Header -->
2015-09-28 16:47:50 +00:00
<header class="header">
2012-10-02 15:48:08 +00:00
2015-09-28 16:47:50 +00:00
<div class="header__toolbar header__toolbar--public">
2014-12-26 00:23:56 +00:00
2015-09-28 16:47:50 +00:00
<a class="button" id="button_signin" title="Sign In">
<svg class="iconic"><use xlink:href="#account-login"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__title"></a>
<a class="header__hostedwith">Hosted with Lychee</a>
</div>
<div class="header__toolbar header__toolbar--albums">
<a class="button" id="button_settings" title="Settings">
<svg class="iconic"><use xlink:href="#cog"></use></svg>
</a>
<a class="header__title"></a>
<input class="header__search" type="text" name="search" placeholder="Search …">
<a class="header__clear">&times;</a>
<a class="header__divider"></a>
<a class="button button_add" title="Add">
<svg class="iconic"><use xlink:href="#plus"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
2012-10-02 15:48:08 +00:00
</div>
2015-09-28 16:47:50 +00:00
<div class="header__toolbar header__toolbar--album">
<a class="button" id="button_back_home" title="Close Album">
<svg class="iconic"><use xlink:href="#chevron-left"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__title"></a>
<a class="button button--eye" id="button_share_album" title="Share Album">
<svg class="iconic iconic--eye"><use xlink:href="#eye"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="button" id="button_archive" title="Download Album">
<svg class="iconic"><use xlink:href="#cloud-download"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="button button--info" id="button_info_album" title="About Album">
<svg class="iconic"><use xlink:href="#info"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="button" id="button_trash_album" title="Delete Album">
<svg class="iconic"><use xlink:href="#trash"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__divider"></a>
<a class="button button_add" title="Add">
<svg class="iconic"><use xlink:href="#plus"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
2012-10-02 15:48:08 +00:00
</div>
2015-09-28 16:47:50 +00:00
<div class="header__toolbar header__toolbar--photo">
<a class="button" id="button_back" title="Close Photo">
<svg class="iconic"><use xlink:href="#chevron-left"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__title"></a>
<a class="button button--star" id="button_star" title="Star Photo">
<svg class="iconic"><use xlink:href="#star"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="button button--eye" id="button_share" title="Share Photo">
<svg class="iconic"><use xlink:href="#eye"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__divider"></a>
<a class="button button--info" id="button_info" title="About Photo">
2015-08-21 19:57:35 +00:00
<svg class="iconic"><use xlink:href="#info"></use></svg>
</a>
2015-09-28 16:47:50 +00:00
<a class="button" id="button_move" title="Move">
<svg class="iconic"><use xlink:href="#folder"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="button" id="button_trash" title="Delete">
<svg class="iconic"><use xlink:href="#trash"></use></svg>
2014-12-26 00:23:56 +00:00
</a>
2015-09-28 16:47:50 +00:00
<a class="header__divider"></a>
<a class="button" id="button_more" title="More">
<svg class="iconic"><use xlink:href="#ellipses"></use></svg>
</a>
2012-10-02 15:48:08 +00:00
</div>
</header>
<!-- Content -->
2015-09-28 16:47:50 +00:00
<div class="content"></div>
2012-10-02 15:48:08 +00:00
<!-- ImageView -->
<div id="imageview"></div>
<!-- Sidebar -->
2015-09-28 16:47:50 +00:00
<div class="sidebar">
<div class="sidebar__header">
<h1>About</h1>
</div>
2015-09-28 16:47:50 +00:00
<div class="sidebar__wrapper"></div>
</div>
2012-10-02 15:48:08 +00:00
<!-- Upload -->
<div id="upload">
<input id="upload_files" type="file" name="fileElem[]" multiple accept="image/*">
2012-10-02 15:48:08 +00:00
</div>
<!-- JS -->
2014-10-10 21:30:10 +00:00
<script async type="text/javascript" src="dist/main.js"></script>
2012-10-02 15:48:08 +00:00
</body>
</html>