\n '+(e.description?""+("…"===e.description.slice(-1)?e.description.slice(0,-1)+' […]':e.description):"N/A")+'\n
\n \n '+newsfeed.formatRelativeDate(n)+"\n
\n \n ",s},dismissNotification:function(e){if(e&&e.dataset.identifier){newsfeed.dismissed[e.dataset.identifier]=1,e.parentNode.removeChild(e);var t=Object.keys(newsfeed.dismissed);if(t.length>newsfeed.maxItems)for(var n=0;n\n \n \n \n
\n ';for(var s=i.querySelector(".columns > .column:last-child"),d=0;d\n {\n // For now limited to support the following examples (used in blog.fiery.me):\n // Mon, 27 Jul 2020 18:30:00 GMT\n // Sat, 16 May 2020 14:55:00 GMT\n // Probably better to use a library if it needs to support other formats.\n const months = { Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5, Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11 }\n const match = string.match(/[a-zA-Z]*,\\s(\\d{2})\\s([a-zA-Z]{3})\\s(\\d{4})\\s(\\d{2}):(\\d{2}):(\\d{2})\\sGMT/)\n if (match && (months[match[2]] !== undefined)) {\n const date = new Date()\n date.setUTCDate(match[1])\n date.setUTCMonth(months[match[2]])\n date.setUTCFullYear(match[3])\n date.setUTCHours(match[4])\n date.setUTCMinutes(match[5])\n date.setUTCSeconds(match[6])\n return date\n }\n}\n\nnewsfeed.formatRelativeDate = delta => {\n // https://stackoverflow.com/a/7641812\n const minute = 60\n const hour = minute * 60\n const day = hour * 24\n const week = day * 7\n\n let fuzzy\n let unit\n if (delta < minute) {\n fuzzy = delta\n unit = 'second'\n } else if (delta < hour) {\n fuzzy = Math.floor(delta / minute)\n unit = 'minute'\n } else if (delta < day) {\n fuzzy = Math.floor(delta / hour)\n unit = 'hour'\n } else if (delta < week) {\n fuzzy = Math.floor(delta / day)\n unit = 'day'\n } else {\n fuzzy = Math.floor(delta / week)\n unit = 'week'\n }\n\n return `${fuzzy} ${unit}${fuzzy !== 1 ? 's' : ''} ago`\n}\n\nnewsfeed.formatNotification = item => {\n const parsedDate = newsfeed.simpleParseDate(item.pubDate)\n const dateDelta = Math.round((+new Date() - parsedDate) / 1000)\n const isRecentWeek = dateDelta <= 604800\n\n const element = document.createElement('div')\n element.dataset.identifier = item.identifier\n element.className = 'notification is-info'\n element.innerHTML = `\n \n
\n '+(e.title||"Untitled")+'\n
\n \n '+(e.description?""+("…"===e.description.slice(-1)?e.description.slice(0,-1)+" […]":e.description):"N/A")+'\n
\n \n '+newsfeed.formatRelativeDate(n)+"\n
\n \n ",s},dismissNotification:function(e){if(e&&e.dataset.identifier){newsfeed.dismissed[e.dataset.identifier]=1,e.parentNode.removeChild(e);var t=Object.keys(newsfeed.dismissed);if(t.length>newsfeed.maxItems)for(var n=0;n\n \n \n \n
\n ';for(var s=i.querySelector(".columns > .column:last-child"),d=0;d\n \n
\n ${item.description\n ? `${item.description.slice(-1) === '…'\n ? `${item.description.slice(0, -1)} […]`\n : item.description}`\n : 'N/A'}\n
\n \n ${newsfeed.formatRelativeDate(dateDelta)}\n
\n \n `\n return element\n}\n\nnewsfeed.dismissNotification = element => {\n if (!element || !element.dataset.identifier) return\n\n newsfeed.dismissed[element.dataset.identifier] = 1\n element.parentNode.removeChild(element)\n\n const keys = Object.keys(newsfeed.dismissed)\n if (keys.length > newsfeed.maxItems)\n for (let i = 0; i < keys.length - newsfeed.maxItems; i++)\n delete newsfeed.dismissed[keys[i]]\n\n localStorage[newsfeed.lsKey] = JSON.stringify(newsfeed.dismissed)\n}\n\nnewsfeed.do = () => {\n return axios.get(newsfeed.feedUrl, {\n responseType: 'document'\n }).then(response => {\n if (response && response.data && response.data.documentElement instanceof Element) {\n const items = response.data.documentElement.querySelectorAll('item')\n\n if (items.length) {\n const dismissed = localStorage[newsfeed.lsKey]\n if (dismissed)\n newsfeed.dismissed = JSON.parse(dismissed)\n\n const element = document.createElement('section')\n element.id = 'newsfeed'\n element.className = 'section'\n element.innerHTML = `\n
\n \n \n \n
\n `\n const column = element.querySelector('.columns > .column:last-child')\n\n for (let i = 0; i < Math.min(newsfeed.maxItems, items.length); i++) {\n const titleElement = items[i].querySelector('title')\n const descriptionElement = items[i].querySelector('description')\n const pubDateElement = items[i].querySelector('pubDate')\n const linkElement = items[i].querySelector('link')\n\n const title = titleElement ? titleElement.textContent : ''\n const description = descriptionElement ? descriptionElement.textContent : ''\n const pubDate = pubDateElement ? pubDateElement.textContent : ''\n const link = linkElement ? linkElement.textContent : ''\n\n const identifier = title + '|' + description + '|' + pubDate + '|' + link\n\n if (!newsfeed.dismissed[identifier]) {\n const notificationElement = newsfeed.formatNotification({\n title, description, pubDate, link, identifier\n })\n\n notificationElement.querySelector('.delete').addEventListener('click', function () {\n newsfeed.dismissNotification(event.target.parentNode)\n })\n\n column.appendChild(notificationElement)\n }\n }\n\n document.body.appendChild(element)\n }\n } else {\n throw Error('response.data.documentElement is NOT an instance of Element')\n }\n }).catch(console.error)\n}\n\nnewsfeed.onloaded = () => {\n // If the main script had already done its API check, yet newsfeed haven't been triggered, do it\n // This would only happen if this newsfeed script only gets loaded after the main script's API check\n if (typeof page !== 'undefined' && page.apiChecked && !newsfeed.done)\n newsfeed.do()\n}\n\nif (document.readyState === 'interactive' || document.readyState === 'complete')\n newsfeed.onloaded()\nelse\n window.addEventListener('DOMContentLoaded', () => newsfeed.onloaded())\n"]}
\ No newline at end of file
+{"version":3,"sources":["newsfeed.js"],"names":["const","newsfeed","lsKey","feedUrl","maxItems","dismissed","done","simpleParseDate","string","months","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","match","undefined","date","Date","setUTCDate","setUTCMonth","setUTCFullYear","setUTCHours","setUTCMinutes","setUTCSeconds","formatRelativeDate","delta","fuzzy","unit","minute","Math","floor","hour","day","formatNotification","item","parsedDate","pubDate","dateDelta","round","isRecentWeek","element","document","createElement","dataset","identifier","className","href","link","target","innerHTML","title","description","slice","toLocaleString","dismissNotification","parentNode","removeChild","keys","Object","length","let","i","localStorage","JSON","stringify","do","axios","get","responseType","then","response","data","documentElement","Element","Error","items","querySelectorAll","parse","id","column","querySelector","min","titleElement","descriptionElement","pubDateElement","linkElement","textContent","notificationElement","dismissTrigger","addEventListener","event","preventDefault","appendChild","body","catch","console","error","onloaded","page","apiChecked","readyState","window"],"mappings":"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","file":"newsfeed.js","sourcesContent":["/* global page, axios */\n\nconst newsfeed = {\n lsKey: 'newsfeed',\n feedUrl: 'https://blog.fiery.me/rss-newsfeed.xml',\n maxItems: 3,\n dismissed: {},\n done: false\n}\n\nnewsfeed.simpleParseDate = string => {\n // For now limited to support the following examples (used in blog.fiery.me):\n // Mon, 27 Jul 2020 18:30:00 GMT\n // Sat, 16 May 2020 14:55:00 GMT\n // Probably better to use a library if it needs to support other formats.\n const months = { Jan: 0, Feb: 1, Mar: 2, Apr: 3, May: 4, Jun: 5, Jul: 6, Aug: 7, Sep: 8, Oct: 9, Nov: 10, Dec: 11 }\n const match = string.match(/[a-zA-Z]*,\\s(\\d{2})\\s([a-zA-Z]{3})\\s(\\d{4})\\s(\\d{2}):(\\d{2}):(\\d{2})\\sGMT/)\n if (match && (months[match[2]] !== undefined)) {\n const date = new Date()\n date.setUTCDate(match[1])\n date.setUTCMonth(months[match[2]])\n date.setUTCFullYear(match[3])\n date.setUTCHours(match[4])\n date.setUTCMinutes(match[5])\n date.setUTCSeconds(match[6])\n return date\n }\n}\n\nnewsfeed.formatRelativeDate = delta => {\n // https://stackoverflow.com/a/7641812\n const minute = 60\n const hour = minute * 60\n const day = hour * 24\n const week = day * 7\n\n let fuzzy\n let unit\n if (delta < minute) {\n fuzzy = delta\n unit = 'second'\n } else if (delta < hour) {\n fuzzy = Math.floor(delta / minute)\n unit = 'minute'\n } else if (delta < day) {\n fuzzy = Math.floor(delta / hour)\n unit = 'hour'\n } else if (delta < week) {\n fuzzy = Math.floor(delta / day)\n unit = 'day'\n } else {\n fuzzy = Math.floor(delta / week)\n unit = 'week'\n }\n\n return `${fuzzy} ${unit}${fuzzy !== 1 ? 's' : ''} ago`\n}\n\nnewsfeed.formatNotification = item => {\n const parsedDate = newsfeed.simpleParseDate(item.pubDate)\n const dateDelta = Math.round((+new Date() - parsedDate) / 1000)\n const isRecentWeek = dateDelta <= 604800\n\n const element = document.createElement('a')\n element.dataset.identifier = item.identifier\n element.className = 'notification is-info'\n element.href = item.link\n element.target = '_blank'\n element.innerHTML = `\n \n \n
\n ${item.title || 'Untitled'}\n
\n \n ${item.description\n ? `${item.description.slice(-1) === '…' ? `${item.description.slice(0, -1)} […]` : item.description}`\n : 'N/A'}\n
\n \n ${newsfeed.formatRelativeDate(dateDelta)}\n
\n \n `\n return element\n}\n\nnewsfeed.dismissNotification = element => {\n if (!element || !element.dataset.identifier) return\n\n newsfeed.dismissed[element.dataset.identifier] = 1\n element.parentNode.removeChild(element)\n\n const keys = Object.keys(newsfeed.dismissed)\n if (keys.length > newsfeed.maxItems)\n for (let i = 0; i < keys.length - newsfeed.maxItems; i++)\n delete newsfeed.dismissed[keys[i]]\n\n localStorage[newsfeed.lsKey] = JSON.stringify(newsfeed.dismissed)\n}\n\nnewsfeed.do = () => {\n return axios.get(newsfeed.feedUrl, {\n responseType: 'document'\n }).then(response => {\n if (response && response.data && response.data.documentElement instanceof Element) {\n const items = response.data.documentElement.querySelectorAll('item')\n\n if (items.length) {\n const dismissed = localStorage[newsfeed.lsKey]\n if (dismissed)\n newsfeed.dismissed = JSON.parse(dismissed)\n\n const element = document.createElement('section')\n element.id = 'newsfeed'\n element.className = 'section'\n element.innerHTML = `\n
\n \n \n \n
\n `\n const column = element.querySelector('.columns > .column:last-child')\n\n for (let i = 0; i < Math.min(newsfeed.maxItems, items.length); i++) {\n const titleElement = items[i].querySelector('title')\n const descriptionElement = items[i].querySelector('description')\n const pubDateElement = items[i].querySelector('pubDate')\n const linkElement = items[i].querySelector('link')\n\n const title = titleElement ? titleElement.textContent : ''\n const description = descriptionElement ? descriptionElement.textContent : ''\n const pubDate = pubDateElement ? pubDateElement.textContent : ''\n const link = linkElement ? linkElement.textContent : ''\n\n const identifier = title + '|' + description + '|' + pubDate + '|' + link\n\n if (!newsfeed.dismissed[identifier]) {\n const notificationElement = newsfeed.formatNotification({\n title, description, pubDate, link, identifier\n })\n\n const dismissTrigger = notificationElement.querySelector('.delete')\n if (dismissTrigger)\n dismissTrigger.addEventListener('click', function () {\n event.preventDefault()\n newsfeed.dismissNotification(event.target.parentNode)\n })\n\n column.appendChild(notificationElement)\n }\n }\n\n document.body.appendChild(element)\n }\n } else {\n throw Error('response.data.documentElement is NOT an instance of Element')\n }\n }).catch(console.error)\n}\n\nnewsfeed.onloaded = () => {\n // If the main script had already done its API check, yet newsfeed haven't been triggered, do it\n // This would only happen if this newsfeed script only gets loaded after the main script's API check\n if (typeof page !== 'undefined' && page.apiChecked && !newsfeed.done)\n newsfeed.do()\n}\n\nif (document.readyState === 'interactive' || document.readyState === 'complete')\n newsfeed.onloaded()\nelse\n window.addEventListener('DOMContentLoaded', () => newsfeed.onloaded())\n"]}
\ No newline at end of file
diff --git a/src/css/home.css b/src/css/home.css
index 012fee9..9443c31 100644
--- a/src/css/home.css
+++ b/src/css/home.css
@@ -5,11 +5,7 @@
display: inline-block;
margin-bottom: 40px;
vertical-align: top;
- animation-delay: 0.5s;
- animation-duration: 1.5s;
- animation-fill-mode: both;
- animation-name: floatUp;
- animation-timing-function: cubic-bezier(0, 0.71, 0.29, 1)
+ animation: fadeInOpacity 0.5s
}
.logo {
@@ -48,44 +44,6 @@
display: none
}
-@-webkit-keyframes floatUp {
- 0% {
- opacity: 0;
- transform: scale(0.86)
- }
-
- 25% {
- opacity: 100
- }
-
- 67% {
- transform: scale(1)
- }
-
- 100% {
- transform: scale(1)
- }
-}
-
-@keyframes floatUp {
- 0% {
- opacity: 0;
- transform: scale(0.86)
- }
-
- 25% {
- opacity: 100
- }
-
- 67% {
- transform: scale(1)
- }
-
- 100% {
- transform: scale(1)
- }
-}
-
.uploads {
display: flex;
flex-direction: column
@@ -209,13 +167,20 @@
font-weight: bold
}
+input[type="file"].is-fullwidth {
+ width: 100%
+}
+
+/** Render **/
+
.render {
position: fixed;
right: 0;
bottom: 0;
font-size: 1rem;
color: #bdc3c7;
- cursor: pointer
+ cursor: pointer;
+ animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
}
.render.button {
@@ -230,9 +195,7 @@
opacity: 1
}
-input[type="file"].is-fullwidth {
- width: 100%
-}
+/** Newsfeed **/
#newsfeed {
position: absolute;
@@ -242,11 +205,20 @@ input[type="file"].is-fullwidth {
padding: 1.5rem 1.5rem 0 1.5rem
}
+#newsfeed .column:last-child {
+ animation: floatUp 1.5s cubic-bezier(0, 0.71, 0.29, 1) 0.5s 1 normal both
+}
+
#newsfeed .notification {
- padding: 0.9375rem 1.875rem 0.9375rem 1.125rem;
+ display: block;
+ padding: 0.75rem 2.25rem 0.75rem 1.125rem;
margin-bottom: 1.125rem
}
+#newsfeed .notification > .delete {
+ top: 0.75rem
+}
+
#newsfeed .notification .content {
font-size: 0.75rem
}
diff --git a/src/css/style.css b/src/css/style.css
index 9e782bf..2d7fc2d 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -1,12 +1,4 @@
-html {
- background-color: #000;
- overflow-y: auto
-}
-
-body {
- color: #eff0f1;
- animation: fadeInOpacity 0.5s
-}
+/** Animations **/
@-webkit-keyframes fadeInOpacity {
0% {
@@ -28,6 +20,56 @@ body {
}
}
+@-webkit-keyframes floatUp {
+ 0% {
+ opacity: 0;
+ transform: scale(0.86)
+ }
+
+ 25% {
+ opacity: 100
+ }
+
+ 67% {
+ transform: scale(1)
+ }
+
+ 100% {
+ transform: scale(1)
+ }
+}
+
+@keyframes floatUp {
+ 0% {
+ opacity: 0;
+ transform: scale(0.86)
+ }
+
+ 25% {
+ opacity: 100
+ }
+
+ 67% {
+ transform: scale(1)
+ }
+
+ 100% {
+ transform: scale(1)
+ }
+}
+
+/** General **/
+
+html {
+ background-color: #000;
+ overflow-y: auto
+}
+
+body {
+ color: #eff0f1;
+ animation: fadeInOpacity 0.5s
+}
+
a {
color: #209cee
}
diff --git a/src/js/misc/newsfeed.js b/src/js/misc/newsfeed.js
index b5bda7a..6b178be 100644
--- a/src/js/misc/newsfeed.js
+++ b/src/js/misc/newsfeed.js
@@ -61,24 +61,24 @@ newsfeed.formatNotification = item => {
const dateDelta = Math.round((+new Date() - parsedDate) / 1000)
const isRecentWeek = dateDelta <= 604800
- const element = document.createElement('div')
+ const element = document.createElement('a')
element.dataset.identifier = item.identifier
element.className = 'notification is-info'
+ element.href = item.link
+ element.target = '_blank'
element.innerHTML = `
- ${item.title || 'Untitled'}
+ ${item.title || 'Untitled'}
${item.description
- ? `${item.description.slice(-1) === '…'
- ? `${item.description.slice(0, -1)} […]`
- : item.description}`
+ ? `${item.description.slice(-1) === '…' ? `${item.description.slice(0, -1)} […]` : item.description}`
: 'N/A'}
-
- ${newsfeed.formatRelativeDate(dateDelta)}
+
+ ${newsfeed.formatRelativeDate(dateDelta)}
`
@@ -118,7 +118,7 @@ newsfeed.do = () => {
-
+
`
const column = element.querySelector('.columns > .column:last-child')
@@ -141,9 +141,12 @@ newsfeed.do = () => {
title, description, pubDate, link, identifier
})
- notificationElement.querySelector('.delete').addEventListener('click', function () {
- newsfeed.dismissNotification(event.target.parentNode)
- })
+ const dismissTrigger = notificationElement.querySelector('.delete')
+ if (dismissTrigger)
+ dismissTrigger.addEventListener('click', function () {
+ event.preventDefault()
+ newsfeed.dismissNotification(event.target.parentNode)
+ })
column.appendChild(notificationElement)
}
diff --git a/src/versions.json b/src/versions.json
index c739013..5f38aa7 100644
--- a/src/versions.json
+++ b/src/versions.json
@@ -1,5 +1,5 @@
{
- "1": "1595882711",
+ "1": "1595929408",
"2": "1589010026",
"3": "1581416390",
"4": "1581416390",