Skip to content

Instantly share code, notes, and snippets.

@XoTENoC

XoTENoC/index.html

Last active December 22, 2019 11:40
Show Gist options
  • Save XoTENoC/b2a33e19219dc8ff47c58c090cc9299f to your computer and use it in GitHub Desktop.
Save XoTENoC/b2a33e19219dc8ff47c58c090cc9299f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. XoTENoC revised this gist Dec 22, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -75,7 +75,7 @@ <h1><span id="today">SUNDAY</span></h1>
    </div>
    </div>
    <div class="logo-clock">
    <img src="./img/logo-discovery.svg" class="logo">
    <img src="./img/your-logo.svg" class="logo">
    <div id="MyClockDisplay" class="clock" onload="showTime()"></div>
    </div>
    </div>
  2. XoTENoC revised this gist Dec 22, 2019. 1 changed file with 13 additions and 1 deletion.
    14 changes: 13 additions & 1 deletion index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,14 @@
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
    <link rel="stylesheet" href="./css/style.css">
    <title>Weather</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    </head>
    <body class="light">
    <menu class="menu">
    <div class="theme-switch-wrapper padding-top">
    @@ -70,4 +81,5 @@ <h1><span id="today">SUNDAY</span></h1>
    </div>
    </div>
    <script src="./js/app.js"></script>
    </body>
    </body>
    </html>
  3. XoTENoC revised this gist Dec 22, 2019. 1 changed file with 1 addition and 14 deletions.
    15 changes: 1 addition & 14 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,14 +1,3 @@
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
    <link rel="stylesheet" href="./css/style.css">
    <title>Weather</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    </head>
    <body class="light">
    <menu class="menu">
    <div class="theme-switch-wrapper padding-top">
    @@ -81,6 +70,4 @@ <h1><span id="today">SUNDAY</span></h1>
    </div>
    </div>
    <script src="./js/app.js"></script>
    </body>

    </html>
    </body>
  4. XoTENoC created this gist Dec 22, 2019.
    86 changes: 86 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,86 @@
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
    <link rel="stylesheet" href="./css/style.css">
    <title>Weather</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    </head>
    <body class="light">
    <menu class="menu">
    <div class="theme-switch-wrapper padding-top">
    <label class="theme-switch" for="checkbox">
    <input type="checkbox" id="checkbox" />
    <div class="slider round"></div>
    </label>
    <em class="bro-font">Dark Mode</em>
    </div>
    </menu>
    <nav class="menu-btn">
    <ul>
    <li></li>
    <li></li>
    <li></li>
    </ul>
    </nav>
    <div class="all">
    <div class="container">
    <div class="head-title">
    <div class="Location" id="location">
    <p>SEMAPHORE PARK</p>
    </div>
    <div class="today-weather">
    <div class="temperature"><span id="temp-main">28</span></div>
    <div class="day">
    <h1><span id="today">SUNDAY</span></h1>
    <p id="dis">MOSTLY CLOUDY</p>
    <p><spam id="rain-chance"></span>
    </p>
    </div>
    </div>
    </div>
    <div class="forecast">
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-1">MONDAY</div>
    <div class="weather" id="weather1"></div>
    <div class="icon-space" id="icon1"></div>
    </div>
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-2">TUESDAY</div>
    <div class="weather" id="weather2"></div>
    <div class="icon-space" id="icon2"></div>
    </div>
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-3">WEDNESDAY</div>
    <div class="weather" id="weather3"></div>
    <div class="icon-space" id="icon3"></div>
    </div>
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-4">THURSDAY</div>
    <div class="weather" id="weather4"></div>
    <div class="icon-space" id="icon4"></div>
    </div>
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-5">FRIDAY</div>
    <div class="weather" id="weather5"></div>
    <div class="icon-space" id="icon5"></div>
    </div>
    <div class="day-forecast">
    <div class="day-of-week" id="day-of-week-6">SATURDAY</div>
    <div class="weather" id="weather6"></div>
    <div class="icon-space" id="icon6"></div>
    </div>
    </div>
    <div class="logo-clock">
    <img src="./img/logo-discovery.svg" class="logo">
    <div id="MyClockDisplay" class="clock" onload="showTime()"></div>
    </div>
    </div>
    </div>
    <script src="./js/app.js"></script>
    </body>

    </html>