├── README.md ├── style.css ├── index.html └── javascript.js /README.md: -------------------------------------------------------------------------------- 1 | # Minimal-startpage 2 | 3 | Startpage with a minimal theme 4 | 5 | 6 | # Launch 7 | 8 | A startpage that supports commands. 9 | 10 | From [/r/startpages](https://www.reddit.com/r/startpages): 11 | 12 | > A startpage is the page you first see when you open your browser. A custom startpage may have links to your favourite sites and maybe a search box for your favourite search engine. 13 | 14 | ## Features 15 | 16 | - Generates searches from [Google](https://google.com/) or [DuckDuckGo](https://duckduckgo.com/) 17 | - Supports commands (see below for more details) 18 | 19 | 20 | ## Screenshot 21 | 22 | ![Startpage in action.](http://i.imgur.com/2tvsI1g.png) 23 | 24 | ## Commands 25 | 26 | The following is a list of all commands available for input into the search box, as well as their functions: 27 | 28 | - `[-?]` 29 | - go to the help menu with the list of all commands 30 | ![help](http://i.imgur.com/uUhA3He.png) 31 | 32 | 33 | ## Fonts: 34 | The font used in this startpage: 35 | * [Ubuntu mono](https://www.fontsquirrel.com/fonts/ubuntu-mono) 36 | 37 | ## Usage 38 | 39 | Most browsers will require you to use extensions to set a custom startpage as your new tab page: 40 | 41 | - [New Tab Redirect](https://chrome.google.com/webstore/detail/new-tab-redirect/icpgjfneehieebagbmdbhnlpiopdcmna) for Chrome 42 | - [New Tab Override](https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/) for Firefox 43 | - [Custom New Tab Page](https://addons.opera.com/en/extensions/details/custom-new-tab-page/) for Opera 44 | - Safari - set this startpage as your homepage in settings 45 | 46 | 47 | ## Credits 48 | 49 | Startpage by areking. 50 | [Other Startpages](https://areking.github.io/) 51 | 52 | ## License 53 | 54 | GNU GENERAL PUBLIC LICENSE 55 | 56 | You can do whatever you want with this. Enjoy! 57 | 58 | [Minimal-startpage](https://redd.it/5oqz0b) 59 | 60 | 61 | 62 | 63 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | 2 | html, body { 3 | margin: 0; 4 | padding: 0; 5 | text-transform: uppercase; 6 | } 7 | 8 | body { 9 | background-color: #373D45; 10 | color:#979c9b; 11 | } 12 | 13 | main { 14 | display: block; 15 | position: absolute; 16 | top: 50%; 17 | left: 50%; 18 | transform: translate(-50%, -50%); 19 | } 20 | 21 | @media screen and (max-width: 500px) { 22 | .header { 23 | display: block; 24 | } 25 | } 26 | 27 | #clock { 28 | color: #ffffff; 29 | margin-bottom: 5px; 30 | } 31 | #datebox { 32 | display: inline-block; 33 | font-weight: bold; 34 | } 35 | 36 | .header { 37 | width: 60px; 38 | text-align: right; 39 | font-weight: bold; 40 | margin: 0 10px; 41 | } 42 | 43 | li { 44 | font-size: 17px; 45 | font-weight: bold; 46 | font-family: "ubuntu mono"; 47 | display: inline-block; 48 | list-style: none; 49 | margin: 2px 5px; 50 | } 51 | 52 | a { 53 | color:#979c9b; 54 | text-decoration: none; 55 | } 56 | 57 | a:hover { 58 | color: white; 59 | } 60 | 61 | #input1 { 62 | background: #454B53; 63 | color: white; 64 | border: none; 65 | font-family: "ubuntu mono"; 66 | font-size: 17px; 67 | font-weight: bold; 68 | height: 17px; 69 | margin-top: 5px; 70 | padding: 5px; 71 | transition: .2s; 72 | width: 100%; 73 | outline: none; 74 | text-transform: uppercase; 75 | } 76 | 77 | #help { 78 | display: none; 79 | margin-top: 10px; 80 | } 81 | 82 | .col { 83 | width: 20%; 84 | display: inline-block; 85 | vertical-align: top; 86 | } 87 | .cmdH { 88 | display: block; 89 | text-align: right; 90 | color: white; 91 | } 92 | .actH { 93 | display: block; 94 | color: white; 95 | } 96 | .cmd { 97 | display: block; 98 | text-align: right; 99 | } 100 | .act { 101 | display: block; 102 | } 103 | 104 | 105 | /* COLORS */ 106 | .purple { 107 | color: #dd98f2; 108 | } 109 | .red { 110 | color: #f68678; 111 | } 112 | .yellow { 113 | color: #f7e595; 114 | } 115 | .green { 116 | color: #92d690; 117 | } 118 | .blue { 119 | color: #8293ef; 120 | } 121 | 122 | 123 | 124 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Home 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 |
17 |
  • 15:35
    • 18 |
  • TUE-17-FEB
    • 19 |
    20 | 21 |
    22 |
  • sport
    • 23 |
  • gazzetta
    • 24 |
  • tuttonapoli
    • 25 |
  • corriere
    • 26 |
  • nba
    • 27 |
  • bpl
    • 28 |
    29 |
    30 |
  • social
    • 31 |
  • facebook
    • 32 |
  • youtube
    • 33 |
  • twitter
    • 34 |
  • reddit
    • 35 |
  • last.fm
    • 36 |
    37 |
    38 |
  • tech
    • 39 |
  • tomshw
    • 40 |
  • hwupgrade
    • 41 |
  • scinews
    • 42 |
  • sciencedaily
    • 43 |
    44 |
    45 |
  • warez
    • 46 |
  • tpb
    • 47 |
  • ddunlimited
    • 48 |
  • tnt
    • 49 |
  • sonarr
    • 50 |
  • itasa
    • 51 |
    52 |
    53 |
  • other
    • 54 |
  • fanta
    • 55 |
  • guitar
    • 56 |
  • mega
    • 57 |
  • imgur
    • 58 |
  • amazon
    • 59 |
  • uni
    • 60 |
    61 | 62 |
    63 | 64 |
    65 | 66 |
    67 |
    68 |
  • cmd
    • 69 |
  • 70 |
  • 71 |
  • 72 |
  • 73 |
  • 74 |
  • 75 |
  • 76 |
  • 77 |
  • 78 |
    79 |
    80 |
  • act
    • 81 |
  • 82 |
  • 83 |
  • 84 |
  • 85 |
  • 86 |
  • 87 |
  • 88 |
  • 89 |
  • 90 |
    91 |
    92 |
  • cmd
    • 93 |
  • 94 |
  • 95 |
  • 96 |
  • 97 |
  • 98 |
  • 99 |
  • 100 |
  • 101 |
  • 102 |
    103 |
    104 |
  • act
    • 105 |
  • 106 |
  • 107 |
  • 108 |
  • 109 |
  • 110 |
  • 111 |
  • 112 |
  • 113 |
  • 114 |
    115 |
    116 | 117 |
    118 | 119 | 120 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /javascript.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | document.addEventListener('DOMContentLoaded', function(){ 4 | 5 | GetClock(); 6 | setInterval(GetClock, 1000); 7 | 8 | 9 | }, false ); 10 | 11 | 12 | /* TIME */ 13 | 14 | var tmonth = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"]; 15 | var tdate = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"]; 16 | 17 | function GetClock() { 18 | var d = new Date(); 19 | var nmonth = d.getMonth(); 20 | var nday = d.getDay(); 21 | var ndate = d.getDate(); 22 | var nyear = d.getYear(); 23 | if(nyear<1000) nyear+=1900; 24 | var nhour = d.getHours(); 25 | var nmin = d.getMinutes(); 26 | if(nmin<=9) nmin = "0" + nmin 27 | 28 | document.getElementById('clockbox').innerHTML = nhour + ":" + nmin ; 29 | document.getElementById('datebox').innerHTML = tdate[nday] + "-" + ndate + "-" + tmonth[nmonth]; 30 | } 31 | 32 | 33 | 34 | /* QUICK SEARCH */ 35 | 36 | var s3 = [ 37 | 38 | ['-a ', 'amazon', 'https://www.amazon.it/s/ref=nb_sb_noss_2?__mk_it_IT=ÅMÅŽÕÑ&url=search-alias%3Daps&field-keywords='], 39 | ['-f ', 'facebook', 'https://www.facebook.com/search/top/?q='], 40 | ['-k ', 'kat.cr', 'https://katcr.co/new/torrents-search.php?search='], 41 | ['-i ', 'google_img', 'https://www.google.it/search?hl=it&site=imghp&tbm=isch&source=hp&biw=1540&bih=762&q='], 42 | ['-r ', 'reddit', 'https://www.reddit.com/search?q='], 43 | ['-t ', 'twitter', 'https://twitter.com/search?q='], 44 | ['-w ', 'wikipedia', 'https://it.wikipedia.org/wiki/'], 45 | ['-y ', 'youtube', 'https://www.youtube.com/results?search_query='], 46 | 47 | ] 48 | 49 | var s4 = [ 50 | 51 | ['-dd ', 'ddunlimited', 'http://www.ddunlimited.net/search.php?keywords='], 52 | ['-im ', 'imgur', 'http://imgur.com/search?q=',], 53 | ['-ra ', 'rarbg', 'https://rarbg.to/torrents.php?search='], 54 | ['-sc ', 'sin&con', 'http://www.sinonimi-contrari.it/'], 55 | ['-su ', 'subspedia', 'http://www.subspedia.tv/listaSerie.php?cerca='], 56 | ['-tr ', 'google_translate', 'https://translate.google.com/?hl=it#auto/it/'], 57 | ['-ug ', 'ult_guitar', 'https://www.ultimate-guitar.com/search.php?search_type=title&order=&value='], 58 | ['-wr ', 'word_reference', 'http://www.wordreference.com/iten/'], 59 | 60 | ] 61 | 62 | var s5 = [ 63 | 64 | ['-tpb ', 'thepiratebay', 'https://thepiratebay.org/search/'], 65 | ['-cds ', 'chit_spiaggia', 'http://www.chitarradaspiaggia.com/forum/search.php?keywords='], 66 | 67 | ] 68 | 69 | 70 | var google = 'http://www.google.com/search?q='; 71 | var duckduckgo = 'https://duckduckgo.com/?q='; 72 | var defaultSearch = google; 73 | 74 | 75 | /* INPUT SEARCH */ 76 | 77 | var input1 = document.getElementById('input1'); 78 | var help = document.getElementById('help'); 79 | 80 | input1.addEventListener('keypress', function(event){ 81 | 82 | function clearInput(){ 83 | input1.value = ''; 84 | input1.focus(); 85 | input1.blur(); 86 | input1.focus(); 87 | help.style.display = 'none'; 88 | event.preventDefault(); 89 | } 90 | 91 | 92 | if (event.keyCode == 13 || event.which == 13){ 93 | var value = input1.value; 94 | 95 | 96 | if (value == ''){ 97 | help.style.display = 'none'; 98 | 99 | event.preventDefault(); 100 | return false; 101 | } 102 | else { 103 | 104 | switch (value.substr(0,2)){ 105 | case '-?': 106 | clearInput(); 107 | help.style.display = 'block'; 108 | 109 | return false; 110 | break; 111 | } 112 | 113 | 114 | for (i=0; i