extern/the-glorious-startpage
1
0
Fork 1
mirror of https://github.com/manilarome/the-glorious-startpage.git synced 2024-11-24 00:23:39 +01:00
Code Issues Packages Projects Releases Wiki Activity
25b9f83130
the-glorious-startpage/index.html

259 lines
9.3 KiB
HTML
Raw Normal View History

init
2020-06-04 01:31:49 +02:00
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="noindex">
<link rel="stylesheet" href="css/style.css" class="style">
<!-- Favicons -->
<link rel="shortcut icon" href="assets/favicon/favicon.ico">
<link rel="icon" sizes="16x16 32x32 64x64" href="assets/favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="196x196" href="assets/favicon/favicon-192.png">
<link rel="icon" type="image/png" sizes="160x160" href="assets/favicon/favicon-160.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/favicon/favicon-96.png">
<link rel="icon" type="image/png" sizes="64x64" href="assets/favicon/favicon-64.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16.png">
<link rel="apple-touch-icon" href="assets/favicon/favicon-57.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/favicon/favicon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/favicon/favicon-72.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/favicon/favicon-144.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/favicon/favicon-60.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/favicon/favicon-120.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/favicon/favicon-76.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/favicon/favicon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/favicon-180.png">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="assets/favicon/favicon-144.png">
<meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
<title>Home</title>
</head>
<body>
<!-- The place where we set the background/image -->
add dock
2020-06-04 02:06:36 +02:00
<div id='bodyBackground'></div>
init
2020-06-04 01:31:49 +02:00
add dock
2020-06-04 02:06:36 +02:00
<div class='bar' id='topPanel'>
<div id='clock'></div>
</div>
<div class='dockContainer'>
<div class='bar' id='dock'>
<!-- Javascript will generate a list here -->
</div>
add clock to top panel
2020-06-04 01:50:05 +02:00
</div>
init
2020-06-04 01:31:49 +02:00
center box overlay added
2020-06-04 04:06:27 +02:00
<div id="centeredBoxOverlay"></div>
add centered box
2020-06-04 03:00:27 +02:00
<div class='centeredBar' id='centeredBox'>
<div id='profileImageContainer'>
add content to centered box
2020-06-04 03:03:54 +02:00
<div id='profileImage'></div>
add centered box
2020-06-04 03:00:27 +02:00
</div>
add searchbox container
2020-06-06 01:14:21 +02:00
<div id='searchBoxContainer'>
<input type="text" id="searchBox" autocomplete="off" autofocus="off" placeholder=" Search with HiddenWiki"/>
finalize css of suggestions, fucking finally
2020-06-06 03:18:08 +02:00
<div id='suggestionsContainer'>
<ul id='suggestions'>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 1</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 2</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 3</button>
</li>
<li id='phrase'>
<button type='button' class='phraseButton'>suggestion 4</button>
</li>
</ul>
</div>
add searchbox container
2020-06-06 01:14:21 +02:00
</div>
add centered box
2020-06-04 03:00:27 +02:00
</div>
init
2020-06-04 01:31:49 +02:00
right dashboard
2020-06-04 04:23:40 +02:00
<div class="dashboard" id="rightDashboard">
<div class="rightDashboardBody">
right dashboard greeter message
2020-06-04 04:45:26 +02:00
<div id="greeterMessage"></div>
<div id="dateMessage"></div>
dashboard add search engine settings
2020-06-04 05:14:29 +02:00
dashboard add weather settings gui
2020-06-04 05:49:17 +02:00
<!-- Weather Settings -->
<div class="weatherSettings">
<div id="weatherSettingsPadding">
<div class="header" id="weatherSettingsHeader">
<div class="headerIcon" id="weatherSettingsHeaderIcon"></div>
<div class="headerLabel" id="weatherSettingsHeaderLabel">Weather Settings</div>
</div>
<div id="weatherSettingsContainer">
<div class="weatherSettingsGroups">
<div class="weatherSettingsLabels">
API Key
</div>
<input type="text" class="weatherSettingsInputs" id="apiBox" autocomplete="off" placeholder="API KEY"/>
</div>
<div class="weatherSettingsGroups">
<div class="weatherSettingsLabels">
City ID
</div>
<input type="text" class="weatherSettingsInputs" id="cityBox" autocomplete="off" placeholder="City ID"/>
</div>
<div class="weatherSettingsGroups">
<div class="weatherSettingsLabels">
Units
</div>
<select class="weatherSettingsInputs" id="weatherSelectUnits">
<option value="metric">Metric</option>
<option value="imperial">Imperial</option>
</select>
</div>
<div class="weatherSettingsGroups" id="weatherSettingsButtons">
<div class="weatherSettingsInputs" id="weatherSettingsReset">Clear Credentials</div>
<div class="weatherSettingsInputs" id="weatherSettingsApply">Apply</div>
</div>
</div>
</div>
</div>
dashboard add search engine settings
2020-06-04 05:14:29 +02:00
<!-- Select search engine -->
<div class="searchEngine">
<div id="searchEnginePadding">
<div class="header" id="searchEngineHeader">
<div class="headerIcon" id="searchEngineHeaderIcon"></div>
<div class="headerLabel" id="searchEngineHeaderLabel">Search Engine</div>
</div>
<div id="searchEngineContainer">
<select id="searchEngineSelect">
<option value="google">Google</option>
<option value="duckduckgo">Duckduckgo</option>
<option value="ecosia">Ecosia</option>
<option value="yahoo">Yahoo</option>
<option value="bing">Bing</option>
</select>
<div id="searchEngineAsDefault">Set as default</div>
</div>
</div>
</div>
dashboard add search engine settings working
2020-06-04 05:20:12 +02:00
dashboard add theme engine settings ui
2020-06-04 05:27:00 +02:00
<!-- Theme engine -->
<div class="themeEngine">
<div id="themeEnginePadding">
<div class="header" id="themeEngineHeader">
<div class="headerIcon" id="themeEngineHeaderIcon"></div>
<div class="headerLabel" id="themeEngineHeaderLabel">Theme Engine</div>
</div>
<div id="themeEngineContainer">
<div class="themeEngineGroups">
<div class="themeEngineLabels">
Background Color and Opacity
</div>
<div class="backgroundColorSetter">
<input type="text" maxlength="7" class="themeEngineInputs" id="backgroundSet" autocomplete="off" placeholder="000000"/>
<input type="text" maxlength="2" class="themeEngineInputs" id="backgroundOpacitySet" autocomplete="off" placeholder="FF"/>
</div>
</div>
<div class="themeEngineGroups">
<div class="themeEngineLabels">
Foreground Color and Opacity
</div>
<div class="foregroundColorSetter">
<input type="text" maxlength="7" class="themeEngineInputs" id="foregroundSet" autocomplete="off" placeholder="000000"/>
<input type="text" maxlength="2" class="themeEngineInputs" id="foregroundOpacitySet" autocomplete="off" placeholder="FF"/>
</div>
</div>
<div class="themeEngineGroups">
<div class="themeEngineLabels">
Blur Strength in Pixels
</div>
<div class="blurSetter">
<input type="text" class="themeEngineInputs" id="blurSet" autocomplete="off" placeholder="10"/>
</div>
</div>
<div id="themeEngineReset">Reset</div>
<div id="themeEngineAsDefault">Apply</div>
</div>
</div>
</div>
right dashboard
2020-06-04 04:23:40 +02:00
</div>
</div>
right dashboard overlay hider
2020-06-04 04:29:12 +02:00
<div class="dashboardOverlay" id="dashboardOverlay"></div>
right dashboard
2020-06-04 04:23:40 +02:00
dashboard add weather screen gui and backend
2020-06-04 05:46:21 +02:00
<!-- Weather screen -->
<div id="weatherScreen">
<div id="weatherScreenContainer">
<div id="weatherTodayIcon"></div>
<div id="weatherTodayLocation">
Earth, Milky Way
</div>
<div id="weatherTodayDescription">
dust & clouds, -1000°C
</div>
<div id="weatherHourDataTodayContainer">
<div class="weatherDataHour" id="weatherTodaySunrise">
<div class="hourDataIcon" id="sunriseHourDataIcon"></div>
<div class="hourDataLabel" id="sunriseTodayHour">00:00</div>
</div>
<div class="weatherDataHour" id="weatherTodaySunset">
<div class="hourDataIcon" id="sunsetHourDataIcon"></div>
<div class="hourDataLabel" id="sunsetTodayHour">00:00</div>
</div>
<div class="weatherDataHour" id="weatherTodayUpdate">
<div class="hourDataIcon" id="updateHourDataIcon"></div>
<div class="hourDataLabel" id="updateTodayHour">00:00</div>
</div>
</div>
<div class="weatherForecast" id="forecastContainer">
<!-- Javascript will generate a list here -->
</div>
</div>
</div>
web menu gui and backend
2020-06-04 06:15:59 +02:00
<!-- Web menu panel -->
<div id="webMenu">
<div id="webMenuContainer">
<div id="webMenuSearchBoxContainer">
add magnifying glass unicode on placeholders
2020-06-05 04:39:40 +02:00
<input type="text" id="webMenuSearchBox" autocomplete="off" placeholder=" Type to search">
web menu gui and backend
2020-06-04 06:15:59 +02:00
</div>
<div id="webMenuListContainer">
<ul id="webMenuList">
<!-- Javascript will generate a list here -->
</ul>
dashboard add weather screen gui and backend
2020-06-04 05:46:21 +02:00
web menu gui and backend
2020-06-04 06:15:59 +02:00
</div>
</div>
</div>
dashboard add weather screen gui and backend
2020-06-04 05:46:21 +02:00
rename/cleanup body background
2020-06-04 01:36:54 +02:00
<script src="js/body-background-set.js"></script>
add clock to top panel
2020-06-04 01:50:05 +02:00
<script src="js/clock.js"></script>
add dock buttons
2020-06-04 02:14:24 +02:00
<script src="js/sites-list.js"></script>
<script src="js/dock-buttons.js"></script>
adjust keybinding js
2020-06-06 05:50:04 +02:00
<script src="js/keybindings.js"></script>
suggestion keyboard navigation
2020-06-06 05:13:45 +02:00
<script src="js/auto-suggest.js"></script>
add rotate animation on profile image
2020-06-04 03:13:56 +02:00
<script src="js/animate-profile-image.js"></script>
toggle searchbox
2020-06-04 03:54:39 +02:00
<script src="js/show-search-box.js"></script>
right dashboard
2020-06-04 04:23:40 +02:00
<script src="js/animate-dashboard.js"></script>
right dashboard greeter message
2020-06-04 04:45:26 +02:00
<script src="js/greeter-date-message.js"></script>
dashboard add search engine settings working
2020-06-04 05:20:12 +02:00
<script src="js/search-engine-settings.js"></script>
dashboard add theme engine settings ui
2020-06-04 05:27:00 +02:00
<script src="js/search-query-send.js"></script>
dashboard add theme engine settings backend
2020-06-04 05:33:17 +02:00
<script src="js/theme-engine.js"></script>
dashboard add weather screen gui and backend
2020-06-04 05:46:21 +02:00
<script src="js/weather-screen.js"></script>
dashboard add weather settings backend
2020-06-04 05:55:34 +02:00
<script src="js/weather-settings.js"></script>
web menu gui and backend
2020-06-04 06:15:59 +02:00
<script src="js/web-menu.js"></script>
animate center box to show/hide it
2020-06-04 07:43:09 +02:00
<script src="js/centered-box.js"></script>
add mobile swipe event js
2020-06-04 06:52:56 +02:00
<script src="js/mobile-swipe-event.js"></script>
add mobile swipe callback js
2020-06-04 06:59:50 +02:00
<script src="js/mobile-swipe-callback.js"></script>
init
2020-06-04 01:31:49 +02:00
</body>
</html>
Reference in New Issue Copy Permalink