adam/ipfs-blog
1
0
Fork 0
mirror of https://github.com/ipfs/ipfs-blog.git synced 2026-07-03 08:21:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: add ui improvements

Browse Source
This commit is contained in:
João Peixoto
2021-06-08 22:53:15 +01:00
parent aa64f3333e
commit d34cbaef86
9 changed files with 60 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/data/news.json
+19
View File
@@ -0,0 +1,19 @@
{
"news": [
{
"title": "Top NFT Projects — Rediscovered (Indorse)",
"date": "20 May 2021",
"url": "https://blog.indorse.io/top-nft-projects-rediscovered-5ec0e117b53d/"
},
{
"title": "Meet Metadata Guardians Trying to Make Your NFT Collection Available 100 Years from Now",
"date": "17 May 2021",
"url": "https://rarible.medium.com/meet-metadata-guardians-trying-to-make-your-nft-collection-available-100-years-from-now-60a18baeed6c/"
},
{
"title": "Understanding the different types of NFTs (Indorse)(opens new window)",
"date": "14 May 2021",
"url": "https://blog.indorse.io/what-is-a-non-fungible-token-understanding-the-different-types-of-nfts-3ef29a2b2876/"
}
]
}
scripts/data/videos.json
+16
View File
@@ -0,0 +1,16 @@
{
"videos": [
{
"title": "Beeple Explains: What is an NFT?",
"date": "21 March 2021",
"url": "https://www.youtube.com/watch?v=13U573keZ3A/",
"thumbnail": "https://img.youtube.com/vi/13U573keZ3A/maxresdefault.jpg"
},
{
"title": "Minty Fresh NFTs with IPFS",
"date": "18 March 2021",
"url": "https://www.youtube.com/watch?v=WNukgBtlWeU/",
"thumbnail": "https://img.youtube.com/vi/WNukgBtlWeU/maxresdefault.jpg"
}
]
}
scripts/latest-posts.js
+14
View File
@@ -17,6 +17,8 @@ const dayjs = require('dayjs')
const xmlFilePath = 'dist/index.xml'
const jsonFilePath = 'dist/index.json'
const newsJsonPath = 'scripts/data/news.json'
const videosJsonPath = 'scripts/data/videos.json'
function generateJsonFile(xml) {
xml2js.parseString(xml, (error, dataObj) => {
@@ -56,3 +58,15 @@ fs.readFile(xmlFilePath, { encoding: 'utf-8' }, (error, data) => {
generateJsonFile(data)
})
fs.copyFile(newsJsonPath, 'dist/news.json', (err) => {
if (err) {
console.log('Error: ', err)
}
})
fs.copyFile(videosJsonPath, 'dist/videos.json', (err) => {
if (err) {
console.log('Error: ', err)
}
})
src/.vuepress/theme/components/blog/ActiveTags.vue
+1 -1
View File
@@ -54,7 +54,7 @@
</div>
</div>
<button
class="p-1 l-4 opacity-50 hover:opacity-100 text-blueGreen transition transition-opacity duration-300 ease-in-out cursor-pointer"
class="p-1 l-4 text-blueGreen hover:text-blueGreenScreen transition duration-300 ease-in-out cursor-pointer"
@click="handleClear()"
>
&#10005;
src/.vuepress/theme/components/blog/NewsletterForm.vue
+1 -4
View File
@@ -41,7 +41,7 @@
type="submit"
value="Subscribe"
name="subscribe"
class="p-2 text-white font-semibold bg-blueGreen rounded cursor-pointer w-full"
class="p-2 text-white font-semibold bg-blueGreen hover:bg-blueGreenScreen transition duration-300 rounded cursor-pointer w-full"
/>
</div>
</div>
@@ -57,9 +57,6 @@
</label>
</div>
<div id="mergeRow-gdpr">
<div>
<fieldset class="" name="interestgroup_field"></fieldset>
</div>
<div style="position: absolute; left: -5000px" aria-hidden="true">
<input
type="text"
src/.vuepress/theme/components/blog/SearchCategoriesAndTags.vue
+1 -1
View File
@@ -49,7 +49,7 @@
<button
ref="select2"
class="h-full p-2 text-white font-semibold bg-blueGreen rounded opacity-75 hover:opacity-100 transition transition-opacity duration-300 ease-in-out"
class="h-full p-2 text-white font-semibold bg-blueGreen rounded hover:bg-blueGreenScreen transition duration-300 ease-in-out"
@click="handleSearch"
@focus="setSelected(2)"
>
src/.vuepress/theme/layouts/Blog.vue
+1 -1
View File
@@ -37,7 +37,7 @@
class="flex justify-center mt-8 pb-4"
>
<button
class="px-3 py-2 text-white text-xl bg-blueGreen font-semibold rounded hover:opacity-75"
class="px-3 py-2 text-white text-xl bg-blueGreen font-semibold rounded hover:bg-blueGreenScreen transition duration-300"
@click="handleLoadMoreClick"
>
Load More
src/.vuepress/theme/layouts/ImageCrop.vue
+6 -6
View File
@@ -6,13 +6,13 @@
</div>
<div class="flex items-center justify-center mt-4">
<button
class="bg-blueGreen bg-opacity-75 transition duration-300 hover:bg-opacity-100 text-white px-4 py-2 mr-4"
class="bg-blueGreen transition duration-300 hover:bg-blueGreenScreen text-white px-4 py-2 mr-4"
@click="download"
>
Download
</button>
<button
class="bg-blueGreen bg-opacity-75 transition duration-300 hover:bg-opacity-100 text-white px-4 py-2"
class="bg-blueGreen transition duration-300 hover:bg-blueGreenScreen text-white px-4 py-2"
@click="reset"
>
Load a new image
@@ -25,7 +25,7 @@
>
<div class="flex justify-center mb-3">
<button
class="bg-blueGreen bg-opacity-75 hover:bg-opacity-100 transition duration-300 ease-in-out text-white p-2 mr-4"
class="bg-blueGreen hover:bg-blueGreenScreen transition duration-300 ease-in-out text-white p-2 mr-4"
@click="zoom(1.5)"
>
<SVGIcon
@@ -35,7 +35,7 @@
/>
</button>
<button
class="bg-blueGreen bg-opacity-75 hover:bg-opacity-100 transition duration-300 ease-in-out text-white p-2 mr-4"
class="bg-blueGreen hover:bg-blueGreenScreen transition duration-300 ease-in-out text-white p-2 mr-4"
@click="zoom(0.5)"
>
<SVGIcon
@@ -45,7 +45,7 @@
/>
</button>
<button
class="bg-blueGreen bg-opacity-75 hover:bg-opacity-100 transition duration-300 ease-in-out text-white p-2 mr-4"
class="bg-blueGreen hover:bg-blueGreenScreen transition duration-300 ease-in-out text-white p-2 mr-4"
@click="crop"
>
<SVGIcon
@@ -55,7 +55,7 @@
/>
</button>
<button
class="bg-blueGreen bg-opacity-75 hover:bg-opacity-100 transition duration-300 ease-in-out text-white p-2"
class="bg-blueGreen hover:bg-blueGreenScreen transition duration-300 ease-in-out text-white p-2"
@click="reset"
>
<SVGIcon
src/.vuepress/theme/tailwind.config.js
+1
View File
@@ -69,6 +69,7 @@ const theme = {
deepBlue: '#002256',
plBlack: '#16161F',
blueGreen: '#34797D',
blueGreenScreen: '#66989a',
blueGreenLight: '#6bc4ce',
aquaMuted: '#9ad4db',
charcoalMuted: '#7f8491',