-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 6.48 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="description" content="Momentum app"><title>Momentum</title><link rel="apple-touch-icon" sizes="180x180" href="./assets/images/fav-icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="./assets/images/fav-icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="./assets/images/fav-icons/favicon-16x16.png"><link rel="manifest" href="./site.webmanifest"><link rel="mask-icon" href="./assets/images/fav-icons/safari-pinned-tab.svg" color="#000000"><link rel="shortcut icon" href="./assets/images/fav-icons/favicon.ico"><meta name="apple-mobile-web-app-title" content="Momentum"><meta name="application-name" content="Momentum"><meta name="msapplication-TileColor" content="#ffc40d"><meta name="msapplication-config" content="./browserconfig.xml"><meta name="theme-color" content="#ffffff"><script defer="defer" src="main.689a273e7ee8fe8e650d.js"></script><link href="main.70789d90ffa1d31434cc.css" rel="stylesheet"></head><body class="body"><div class="wrapper"><div class="container"><header class="header"><div class="player"><p class="player__track-name"></p><audio class="player__audio"></audio><div class="player__progress"><p class="player__current-time"></p><input class="player__progress-input player__input" type="range" value="0" aria-label="rewind-song"><p class="player__duration-time"></p></div><div class="player__playback"><button class="player__playback-prev" aria-label="prev-song"><svg viewBox="0 0 64 64"><use href="assets/images/prevSongBtn.svg#prevSong"></use></svg></button> <button class="player__playback-play" aria-label="play-song"><svg class="player__playback-play-icon" viewBox="0 0 64 64"><use href="assets/images/playSongBtn.svg#playSong"></use></svg></button> <button class="player__playback-next" aria-label="next-song"><svg viewBox="0 0 64 64"><use href="assets/images/nextSongBtn.svg#nextSong"></use></svg></button></div><div class="player__volume"><button class="player__volume-mute" aria-label="mute-song"><svg viewBox="0 0 42.878 42.878"><use></use></svg></button> <input class="player__volume-input player__input" type="range" name="volume" min="0" max="1" step="0.1" value="0.7" aria-label="change-volume"></div><ul class="player__list"></ul></div><div class="settings"><div class="settings__header"><p class="settings__title"></p><button class="settings__button" aria-label="settings-open"><svg viewBox="0 0 32 32"><use href="assets/images/settingsBtn.svg#settingsBtn"></use></svg></button></div><div class="settings__menu"><button class="settings__close-button" aria-label="settings-close">✕</button><div class="settings__language"><span class="settings__language-description"></span><div class="settings__language-inner"><select class="settings__language-select" name="language" aria-label="language-select"><option value="en" label=" "></option><option value="ru" label=" "></option></select></div></div><div class="settings__source"><span class="settings__source-description"></span><div class="settings__source-inner"><select class="settings__source-select" name="picture-source" aria-label="images-source-select"><option value="github">Github</option><option value="pexels">Pexels</option></select><br></div></div><div class="settings__query"><label class="settings__query-label" for="query"></label><div class="settings__query-inner"><input id="query" class="settings__query-input" name="query" aria-label="query-value"></div></div><div class="settings__blocks-hide"><p class="settings__blocks-hide-title"></p><div class="settings__blocks-hide-player settings__blocks-hide-inner" data-blockshide="player"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="player" aria-label="hide-player"></div><div class="settings__blocks-hide-weather settings__blocks-hide-inner" data-blockshide="weather"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="weather" aria-label="hide-weather"></div><div class="settings__blocks-hide-time settings__blocks-hide-inner" data-blockshide="date__time"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="date__time" aria-label="hide-time"></div><div class="settings__blocks-hide-date settings__blocks-hide-inner" data-blockshide="date__date"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="date__date" aria-label="hide-date"></div><div class="settings__blocks-hide-greeting settings__blocks-hide-inner" data-blockshide="greeting"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="greeting" aria-label="hide-greeting"></div><div class="settings__blocks-hide-quotes settings__blocks-hide-inner" data-blockshide="quotes"><p class="settings__blocks-hide-label"></p><input type="checkbox" name="quotes" aria-label="hide-quotes"></div></div></div><div class="settings__shadow"></div></div><div class="weather"><input class="weather__input" name="city" autocomplete="off" aria-label="weather-city"><hr class="weather__hr"><span class="weather__icon"></span><p class="weather_error"></p><span class="weather__temperature"></span> <span class="weather__description"></span><p class="weather__wind"></p><p class="weather__humidity"></p></div></header><main class="main"><div class="date"><p class="date__time"></p><p class="date__date"></p></div><div class="greeting"><span class="greeting__text"></span> <span class="greeting__name" contenteditable="true"></span><div class="greeting__popup"><p class="greeting__popup-message"></p><button class="greeting__popup-close-button">✕</button></div><div class="greeting__shadow"></div></div><div class="slider"><button class="slider__button slider__button_prev" aria-label="prev-image"><svg viewBox="0 0 64 64"><use href="assets/images/prevSlideBtn.svg#prevSlide"></use></svg></button> <button class="slider__button slider__button_next" aria-label="next-image"><svg viewBox="0 0 64 64"><use href="assets/images/nextSlideBtn.svg#nextSlide"></use></svg></button><div class="slider__popup"><p class="slider__popup-message"></p><button class="slider__popup-close-button" aria-label="close-slider-popup">✕</button></div><div class="slider__shadow"></div></div></main><footer class="footer"><div class="quotes"><button class="quotes__change-btn" aria-label="change-quote"><svg viewBox="0 0 64 64"><use href="assets/images/reloadQuoteBtn.svg#reloadQuote"></use></svg></button><p class="quotes__text"></p><p class="quotes__author"></p></div></footer></div></div></body></html>