mirivlad
/
Mirv-Startpage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add search and update css

This commit is contained in:
TB-96 2020-11-02 13:01:29 +01:00 committed by GitHub
parent 4b8a845e55
commit 5961561f8f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 48 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
index.html
View File

@ -1,6 +1,6 @@
<!doctype html> <!doctype html>
<!-- <!--
* *
* Evening Startpage * Evening Startpage
* Inspired by https://github.com/jeroenpardon/sui * Inspired by https://github.com/jeroenpardon/sui
* You can find it at https://github.com/TB-96/Evening-Startpage * You can find it at https://github.com/TB-96/Evening-Startpage
@ -11,7 +11,7 @@
<head> <head>
<title>New Tab</title> <title>New Tab</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<link rel="shortcut icon" href="./assets/img/fav.png"/> <link rel="shortcut icon" href="./assets/img/fav.png"/>
<link type="text/css" rel="stylesheet" href="./assets/css/style.css" media="screen, projection"/> <link type="text/css" rel="stylesheet" href="./assets/css/style.css" media="screen, projection"/>
<script src="./assets/js/iconify.js" type="text/javascript"></script> <script src="./assets/js/iconify.js" type="text/javascript"></script>
@ -24,11 +24,17 @@
<h1 id="header-time">00:00</h1> <h1 id="header-time">00:00</h1>
<h2 id="header-date">Date</h2> <h2 id="header-date">Date</h2>
<div id="header-quote">Thinking</div> <div id="header-quote">Thinking</div>
<div class="randompic"> </div> <!--<div class="randompic"> </div>-->
<div id="search" class="searchbar">
<input type="text" class="searchbox" name="q" title="Search Google"
placeholder="Search..." id="main-search" spellcheck="false"
autocomplete="off" size="40" maxlength="255" />
<ul class="search-engines"></ul>
</div>
</section> </section>
<section id="apps"> <section id="apps">
<h3>> Frequent Websites</h3> <!--<h3>> Frequent Websites</h3>-->
<div id="apps-container"> <div id="apps-loop">
<a id="link" class="apps-item" href="https://facebook.com/"> <a id="link" class="apps-item" href="https://facebook.com/">
<div class="apps-icon"> <div class="apps-icon">
<span class="iconify icon" data-icon="mdi-facebook"></span> <span class="iconify icon" data-icon="mdi-facebook"></span>
@ -38,7 +44,7 @@
<span>facebook.com</span> <span>facebook.com</span>
</div> </div>
</a> </a>
<a id="link" class="apps-item" href="https://www.instagram.com/"> <a id="link" class="apps-item" href="https://www.instagram.com/">
<div class="apps-icon"> <div class="apps-icon">
<span class="iconify icon" data-icon="mdi-instagram"></span> <span class="iconify icon" data-icon="mdi-instagram"></span>
</div> </div>
@ -140,14 +146,8 @@
</div> </div>
</section> </section>
<section id="links"> <section id="links">
<a id="togglebookmarks"><h3>> Bookmarks</h3></a> <!--<h3>> Bookmarks</h3>-->
<div id="links-container"> <div id="links-loop">
<div class="links-item">
<h4>University</h4>
<a id="link" href="https://">Moodle</a>
<a id="link" href="https://">Timetable</a>
<a id="link" href="https://">Teams</a>
</div>
<div class="links-item"> <div class="links-item">
<h4>Chitchat</h4> <h4>Chitchat</h4>
<a id="link" href="https://telegram.com/">Telegram</a> <a id="link" href="https://telegram.com/">Telegram</a>
@ -166,40 +166,48 @@
<a id="link" href="https://www.reddit.com/r/startpages">r/startpages</a> <a id="link" href="https://www.reddit.com/r/startpages">r/startpages</a>
<a id="link" href="https://www.reddit.com/r/unixporn">r/unixporn</a> <a id="link" href="https://www.reddit.com/r/unixporn">r/unixporn</a>
</div> </div>
<div class="links-item">
<h4>Art</h4>
<a id="link" href="https://">DeviantArt</a>
<a id="link" href="https://">Artsy</a>
<a id="link" href="https://">Patreon</a>
</div>
<div class="links-item">
<h4>Finance</h4>
<a id="link" href="https://">Bank</a>
<a id="link" href="https://paypal.com/">PayPal</a>
</div>
<div class="links-item">
<h4>Web Hosting</h4>
<a id="link" href="https://">Website</a>
<a id="link" href="https://">VPS</a>
<a id="link" href="https://www.namecheap.com/">NameCheap</a>
</div>
<div class="links-item"> <div class="links-item">
<h4>Other</h4> <h4>Other</h4>
<a id="link" href="https://imgur.com/">Imgur</a> <a id="link" href="https://imgur.com/">Imgur</a>
<a id="link" href="https://www.color-hex.com/">Color-Hex</a> <a id="link" href="https://www.color-hex.com/">Color-Hex</a>
<a id="link" href="https://"></a>
</div>
<div id="hiddenbookmarks" style="display: none;">
<div class="links-item">
<h4>Forums</h4>
<a id="link" href="https://">AlternativeTo</a>
<a id="link" href="https://">Imdb</a>
<a id="link" href="https://linustechtips.com/main/">LTT</a>
</div>
</div> </div>
</div> </div>
</section> </section>
<section id="modal">
<div>
<header id="modal-header">
<h3>> Options</h3>
<a href="#" title="Close" class="modal-close">
<span class="iconify" data-icon="mdi-close"></span>
</a>
</header>
<!--<h4>Color themes</h4>
<div id="modal-theme">
<button data-theme="blackboard" class="theme-button theme-blackboard">Blackboard</button>
<button data-theme="hackers" class="theme-button theme-hackers">Hackers</button>
<button data-theme="nord" class="theme-button theme-nord">Nord</button>
</div>-->
<h4>Additional links and todo</h4>
<section id="providers">
<div class="modaloptions">
<a href="https://">Something</a>
</div>
<div class="modaloptions">
Made by: <a href="https://github.com/TB-96/">this guy</a><br>
Inspired by: <a href="https://github.com/jeroenpardon/">that dude</a><br>
Icons by: <a href="https://materialdesignicons.com/">those lads</a><br>
Todo: Weather, random link, tfw wanna add more JS crap but I wanna save my dignity
</div>
<div style="clear: both;"></div>
</section>
</div>
</section>
</main> </main>
<div id="modal_init">
<a class="btn" href="#modal">
<span class="iconify icon" data-icon="mdi-xbox-controller-menu"></span>
</a>
</div>
<script src="./assets/js/script.js" type="text/javascript"></script> <script src="./assets/js/script.js" type="text/javascript"></script>
</body> </body>
</html> </html>