Skip to content

Commit

Permalink
Published version 1.0.2
Browse files Browse the repository at this point in the history 
Fixed a bug where the website was served without CSS and JavaScript assets
Issue: parcel-bundler/parcel#2624
  • Loading branch information
@jam53
jam53 committed May 30, 2022
1 parent e67b2ac commit 5510533
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 4 deletions.
2 changes: 1 addition & 1 deletion about.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>About | Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="/icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="apple-touch-icon" href="/icon.png"><link rel="icon" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="/index.5835c4f8.css"><link rel="stylesheet" href="/index.2b9011b4.css"><link rel="stylesheet" href="/about.a6b5c6c7.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="about"> <h1> About </h1> <p> I originally started playing <a href="https://www.thatskygame.com/">Sky: Children Of The Light</a> on April 7th, 2020. <br> Since then I have taken a lot of pictures, of almost anything that I found either beautiful, interesting or worth to remember inside the game! This has brought me to where I am today, where I have currently over 20.000 screenshots of the game </p> <p> In the past I already did a smaller project, when I had reached the 10.000 screenshots milestone. Which involved taking all the screenshots I had at the time, and using them to recreate one single picture. The result was a <a href="/img/SkyMosaic.jpg" target="_blank">a beautiful mosaic.</a> (Try to zoom in, to see the individual screenshots) </p> <p> Apart from the 20.000 screenshots milestone, I was also interested in my overal playtime over the years. Since Sky unfortunately doesn't have an in game timer, which shows your overal playtime. I decided to create something that tries to calculate that. <br> Although it will be an average, and won't account for the times you didn't take any screenshots. It should still give a rough estimate of how many hours you have poured into this gem of a game! </p> <h1> Other </h1> <p> The source code for this website can be found <a href="">here!</a> </p> <p> Thanks to <a href="https://twitter.com/steveschoger" target="_blank">Steve Schoger</a> for his <a href="https://heroicons.dev/" target="_blank">Hero</a> icons! </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="/about.html">About</a>. </p> </div> <script type="module" src="/about.dd6cf346.js"></script><script src="/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="/about.d06f6d1e.js"></script><script src="/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="/about.9fceff26.js"></script><script src="/about.671b71d4.js" nomodule="" defer></script> </body></html>
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>About | Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="%27./%27/icon.png"><link rel="manifest" href="%27./%27/site.webmanifest"><link rel="apple-touch-icon" href="%27./%27/icon.png"><link rel="icon" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="%27./%27/index.5835c4f8.css"><link rel="stylesheet" href="%27./%27/index.2b9011b4.css"><link rel="stylesheet" href="%27./%27/about.a6b5c6c7.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="about"> <h1> About </h1> <p> I originally started playing <a href="https://www.thatskygame.com/">Sky: Children Of The Light</a> on April 7th, 2020. <br> Since then I have taken a lot of pictures, of almost anything that I found either beautiful, interesting or worth to remember inside the game! This has brought me to where I am today, where I have currently over 20.000 screenshots of the game </p> <p> In the past I already did a smaller project, when I had reached the 10.000 screenshots milestone. Which involved taking all the screenshots I had at the time, and using them to recreate one single picture. The result was a <a href="%27./%27/img/SkyMosaic.jpg" target="_blank">a beautiful mosaic.</a> (Try to zoom in, to see the individual screenshots) </p> <p> Apart from the 20.000 screenshots milestone, I was also interested in my overal playtime over the years. Since Sky unfortunately doesn't have an in game timer, which shows your overal playtime. I decided to create something that tries to calculate that. <br> Although it will be an average, and won't account for the times you didn't take any screenshots. It should still give a rough estimate of how many hours you have poured into this gem of a game! </p> <h1> Other </h1> <p> The source code for this website can be found <a href="">here!</a> </p> <p> Thanks to <a href="https://twitter.com/steveschoger" target="_blank">Steve Schoger</a> for his <a href="https://heroicons.dev/" target="_blank">Hero</a> icons! </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="%27./%27/about.html">About</a>. </p> </div> <script type="module" src="%27./%27/about.dd6cf346.js"></script><script src="%27./%27/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.d06f6d1e.js"></script><script src="%27./%27/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.9fceff26.js"></script><script src="%27./%27/about.671b71d4.js" nomodule="" defer></script> </body></html>
2 changes: 1 addition & 1 deletion howitworks.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>How It Works | Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="/icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="apple-touch-icon" href="/icon.png"><link rel="icon" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="/index.5835c4f8.css"><link rel="stylesheet" href="/index.2b9011b4.css"><link rel="stylesheet" href="/howitworks.e42a8797.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="howitworks"> <h1> How It Works </h1> <p> The program extracts the creation date from all the screenshots. These dates can then be used to generate some statistics. This data is retrieved by one of the following 2 ways: </p> <ul> <li>The program first looks to the pictures' file names, to see if these contain the creation date.</li> <li>If the file name doesn't contain a valid date, then the program looks to the creation date of the file, inside the file's properties.</li> </ul> <blockquote cite="https://www.huxley.net/bnw/four.html"> <p> Note: Sometimes the creation date of a file gets overwritten in the file's properties, thus causing it to become invalid. One example of where this might happen, is when the user opens the image, makes changes to it and saves it. </p> </blockquote> <br> <hr> <h1>What happens when it isn't possible to retrieve a valid creation date for a screenshot?</h1> <p> In such cases, where neither the creation date in the properties of the file is valid, nor the file name contains a valid date. </p> <p> The file will be ignored, and won't be used to generate the statistics. The page that displays the statistics, also has a metric that shows how many files were processed, and how many were invalid. </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="/about.html">About</a>. </p> </div> <script type="module" src="/about.dd6cf346.js"></script><script src="/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="/about.d06f6d1e.js"></script><script src="/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="/about.9fceff26.js"></script><script src="/about.671b71d4.js" nomodule="" defer></script> </body></html>
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>How It Works | Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="%27./%27/icon.png"><link rel="manifest" href="%27./%27/site.webmanifest"><link rel="apple-touch-icon" href="%27./%27/icon.png"><link rel="icon" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="%27./%27/index.5835c4f8.css"><link rel="stylesheet" href="%27./%27/index.2b9011b4.css"><link rel="stylesheet" href="%27./%27/howitworks.e42a8797.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="howitworks"> <h1> How It Works </h1> <p> The program extracts the creation date from all the screenshots. These dates can then be used to generate some statistics. This data is retrieved by one of the following 2 ways: </p> <ul> <li>The program first looks to the pictures' file names, to see if these contain the creation date.</li> <li>If the file name doesn't contain a valid date, then the program looks to the creation date of the file, inside the file's properties.</li> </ul> <blockquote cite="https://www.huxley.net/bnw/four.html"> <p> Note: Sometimes the creation date of a file gets overwritten in the file's properties, thus causing it to become invalid. One example of where this might happen, is when the user opens the image, makes changes to it and saves it. </p> </blockquote> <br> <hr> <h1>What happens when it isn't possible to retrieve a valid creation date for a screenshot?</h1> <p> In such cases, where neither the creation date in the properties of the file is valid, nor the file name contains a valid date. </p> <p> The file will be ignored, and won't be used to generate the statistics. The page that displays the statistics, also has a metric that shows how many files were processed, and how many were invalid. </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="%27./%27/about.html">About</a>. </p> </div> <script type="module" src="%27./%27/about.dd6cf346.js"></script><script src="%27./%27/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.d06f6d1e.js"></script><script src="%27./%27/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.9fceff26.js"></script><script src="%27./%27/about.671b71d4.js" nomodule="" defer></script> </body></html>
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="/icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="apple-touch-icon" href="/icon.png"><link rel="icon" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="/index.5835c4f8.css"><link rel="stylesheet" href="/index.2b9011b4.css"><link rel="stylesheet" href="/index.0261aef9.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="landingpage"> <p style="text-align:center"> <em>Sky Screenshot Stats</em> is a website that gives you an insight in your Sky playtime & some other statistics. This is achieved by analyzing the date at which your screenshots were taken. It is your device that processes the data, nothing is sent to any server! </p> <br> <button class="button button1" onclick="window.open('/howitworks.html', '_self')">How it works</button> <br><br><br> <folder-picker></folder-picker> <br><br><br> <button class="button button1" onclick="window.open('https://discord.gg/z6wEvv7')">Need help? Chat with us on Discord!</button> <br><br> <p> No screenshots yet? <a href="">demo</a> </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="/about.html">About</a>. </p> </div> <div class="hidden"> <a href="/howitworks.html">How It Works</a>. </div> <script type="module" src="/about.dd6cf346.js"></script><script src="/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="/about.d06f6d1e.js"></script><script src="/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="/index.01cda248.js"></script><script src="/index.63a4be3f.js" nomodule="" defer></script> <script type="module" src="/about.9fceff26.js"></script><script src="/about.671b71d4.js" nomodule="" defer></script> </body></html>
<!doctype html><html class="no-js" lang="en"><head><meta charset="utf-8"><title>Sky Screenshot Stats</title><meta name="description" content="Gain an insight in your Sky playtime & other stats by analyzing the screenshots you took over your journey through the world of Sky: Children Of The Light "><meta name="viewport" content="width=device-width, initial-scale=1"><meta property="og:title" content="Sky Screenshot Stats"><meta property="og:type" content="website"><meta property="og:url" content="jam53.github.io/skyscreenshotstats"><meta property="og:image" content="%27./%27/icon.png"><link rel="manifest" href="%27./%27/site.webmanifest"><link rel="apple-touch-icon" href="%27./%27/icon.png"><link rel="icon" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="icon shortcut" href="%27./%27/favicon.19760ff7.ico" type="image/x-icon"><link rel="stylesheet" href="%27./%27/index.5835c4f8.css"><link rel="stylesheet" href="%27./%27/index.2b9011b4.css"><link rel="stylesheet" href="%27./%27/index.0261aef9.css"><meta name="theme-color" content="#fafafa"></head><body> <div class="topnav"> <a href="/">Sky Screenshot Stats</a> </div> <div id="root" class="landingpage"> <p style="text-align:center"> <em>Sky Screenshot Stats</em> is a website that gives you an insight in your Sky playtime & some other statistics. This is achieved by analyzing the date at which your screenshots were taken. It is your device that processes the data, nothing is sent to any server! </p> <br> <button class="button button1" onclick="window.open('/howitworks.html', '_self')">How it works</button> <br><br><br> <folder-picker></folder-picker> <br><br><br> <button class="button button1" onclick="window.open('https://discord.gg/z6wEvv7')">Need help? Chat with us on Discord!</button> <br><br> <p> No screenshots yet? <a href="">demo</a> </p> </div> <div class="bottomnav"> <p> Made by <a href="https://jam53.github.io/jam54/about">jam54</a>. Sky Screenshot Stats is <a href="https://github.com/jam53/sky-screenshot-stats">open source</a> software. <a href="%27./%27/about.html">About</a>. </p> </div> <div class="hidden"> <a href="%27./%27/howitworks.html">How It Works</a>. </div> <script type="module" src="%27./%27/about.dd6cf346.js"></script><script src="%27./%27/about.3dfcccf9.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.d06f6d1e.js"></script><script src="%27./%27/about.c74d3313.js" nomodule="" defer></script> <script type="module" src="%27./%27/index.01cda248.js"></script><script src="%27./%27/index.63a4be3f.js" nomodule="" defer></script> <script type="module" src="%27./%27/about.9fceff26.js"></script><script src="%27./%27/about.671b71d4.js" nomodule="" defer></script> </body></html>
2 changes: 1 addition & 1 deletion site.webmanifest
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"short_name":"","name":"","icons":[{"src":"/icon.png","type":"image/png","sizes":"192x192"}],"start_url":"/?utm_source=homescreen","background_color":"#fafafa","theme_color":"#fafafa"}
{"short_name":"","name":"","icons":[{"src":"%27./%27/icon.png","type":"image/png","sizes":"192x192"}],"start_url":"/?utm_source=homescreen","background_color":"#fafafa","theme_color":"#fafafa"}

0 comments on commit 5510533

Please sign in to comment.