Awesome IPFS, the Webpage 🌐 #130

victorb · 2018-04-23T10:28:42Z

No description provided.

lidel · 2018-04-23T11:05:15Z

migrate-to-hugo.md

+  - Articles
+  - Discussions
+- Below, after clicking category, show most popular tag within that category
+  and allow further filtering. (future allow multiple tags? Will be hard without JS)


I want to clarify the intention here: we want to be able to assign multiple tags to an item, right?
Otherwise its just a "subcategory".

Yes, absolutely, I should have added that in the example data files. Items should be able to have multiple tags, but on the website itself it'll be hard to generate static pages for every combination, but the items themselves should indeed have multiple tags.

Is that even possible without JS?

@hacdias it's not impossible :) But it'll generate a lot of pages if we're gonna generate every single combination, so let's not do that. But at least we should generate listing pages for each label (singular)

lidel · 2018-04-23T11:07:18Z

migrate-to-hugo.md

+items:
+  - title: Akasha
+    description: A Next-Generation Social Media Network, powered by Ethereum and embedded into IPFS
+    featured: true


I would replace an explicit featured boolean flag with a list of tags, and make featured just one of tags.
Based on tags, we can do all sorts of styling/filtering in the UI.

Yeah, that's a solid idea.

hacdias · 2018-04-23T11:36:45Z

@victorbjelkholm @lidel do you mind if I use this branch to continue the work on moving this to a static website?

victorb · 2018-04-23T12:02:58Z

@hacdias sounds good 👍

victorb · 2018-04-25T08:59:50Z

data/example-apps.yaml

@@ -0,0 +1,11 @@
+title: Example Apps


I don't we need this is a separate category anymore, should just be folded into apps or tools

Yeah, yeah, I've changed that right after pushing. I didn't push the new commits yet :p Thanks for noticing though.

victorb · 2018-06-14T12:58:25Z

@hacdias is this ready to be reviewed and used or is missing anything so far?

hacdias · 2018-06-16T13:30:56Z

@victorbjelkholm I haven't been focusing much on this yet because my exames aren't over yet. This is on my todo list after this week 😄

hacdias · 2018-07-12T12:21:10Z

Hello! Finally back here. I was thinking and I'd like to suggest something much "simpler" than what we've been doing here. I'll try to do a sample and then show it to you

hacdias · 2018-07-12T19:56:44Z

@lidel @victorbjelkholm so I kind of ran away from what we had defined on moving-to-hugo.md and tried something else with React and came up with this:

The search feature uses lunr.js which is kind of powerful. The interface's also nice on mobile phones 😄

Try it:

https://ipfs.io/ipfs/QmQiexdkRtcdkAWLBQdhJc9hYSkpUzGD6MQ9yYARVkLW7j/

If you agree with this, I can update CONTRIBUTING.md to comply with this changes 😄 and eventually remove the moving-to-hugo.md if it makes sense.

hacdias · 2018-07-13T11:31:55Z

So, after talking yesterday with @victorbjelkholm, I tried now moving this to Hugo in order to support people that don't have JavaScript enabled and here are some screenshots for the navbar preview (choose the one you like most):

https://usercontent.irccloud-cdn.com/file/7inlllzx/localhost_1313_.png
https://usercontent.irccloud-cdn.com/file/wI8qbpRL/localhost_1313_%20(1).png
https://usercontent.irccloud-cdn.com/file/gTxuM4j1/localhost_1313_%20(2).png
https://usercontent.irccloud-cdn.com/file/wI8qbpRL/localhost_1313_%20(3).png

I haven't pushed the code yet to this repository because I'd like to make sure that it is worth it. Moving this to Hugo to have multiple pages, one for each category, increases a lot the build process and what are the benefits? The search supports filtering for each type with type:apps or type:tools already. Do we really need to have one page for each category?

Another question: do we really need to support people not using JS? We could just have a beautiful message telling the person to activate JS.

Lunrjs (the search engine), gives us scores for each card based on what we've searched for. That way we can show the most relevant results first. With React, it is easy to display the results by that order. Without React, I'm just hiding and displaying cards because it would be much difficult to be changing the order of the elements.

Need feedback @victorbjelkholm @lidel

victorb · 2018-07-13T12:29:19Z

Hugo handles building thousands of pages without any troubles in terms of performance so should not be a blocker for us.

The point of having one page per category is together with the "do we need JS here" question as well.

So, the reason for having a static website built with Hugo is not to necessary support people who run without JS enabled (since that audience is like 1% [guessing here...]) but rather to build interactive websites where it makes sense, and not by default. Rather than asking "Why not use JS here?" I prefer to think "Why would this be using JS?". It's just a list of links in the end!

I have no issue of doing the search with JS, the other options are building pages for every search query (yeah, right...) or having a backend, none of those are a option, so it makes sense to use JS for it.

To just show a list of links, I don't think it makes sense to use JS.

hacdias · 2018-07-13T12:32:00Z

Okay, so let's stick with Hugo. I'll make some changes on the JS to make the scoring from Lunr.js be taking in account.

What about the navbar, which one did you like most? @victorbjelkholm

lidel · 2018-07-13T12:33:11Z

❤️ the search and filtering feature!

Some thoughts:

I don't have strong opinions about navbar, all versions are fine, but *(2).png strikes a good balance: feels light, does not take much viewport and does not steal too much focus from the content itself.
Making it JS-only is problematic accessibility-wise:
- Accessibility is one of our UI goals (Accessibility review/edits for Desktop, Companion, WebUI ipfs-gui#28) and the basic page with list of everything should should work without javascript (so there is no regression when compared to markdown+github). If JS is present, then (and only then) search/filtering feature should be available.
  - remember that most of people visiting this awesome-ipfs are developers and technical people, and many people have https://addons.mozilla.org/en-US/firefox/addon/noscript/ or https://addons.mozilla.org/en-US/firefox/addon/umatrix/ installed
  - maybe we could use gatsby or whatever the "static builder with react components" is called
Do we really need to have one page for each category?
- I think a minimum of what we want are permalinks for categories 🔗
  For non-JS version it should be enough to be able to link to a specific section, which is possible right now with markdown and github: #apps or #tools

hacdias · 2018-07-13T12:34:50Z

@lidel I'll make the needed updates to add the navbar and soon you'll be all able to try. 😄

hacdias · 2018-07-13T15:41:21Z

@lidel @victorbjelkholm try it: https://ipfs.io/ipfs/QmZpw7zyMrZGUfocoVEaCAMGVYGE4YdPzPHLRyZbY3cynr/

lidel · 2018-07-13T15:55:38Z

Niice, non-JS version has it all now 👌

One nitpick:

Clicking on "Awesome IPFS" should navigate to main page with all categories (right now if you are in /categories/articles/ it re-opens current category).

hacdias · 2018-07-14T13:01:44Z

https://ipfs.io/ipfs/QmWQfXaTdUAEhhj5PGyezDQSN26Smbf6hRTQYgY59Q7Byp/

hacdias · 2018-07-18T06:39:45Z

Now the elements are displayed on a random order every time we open the page. /cc @lidel

hacdias · 2018-07-18T06:48:49Z

I think this is finished. Unless you find sometime to improve or to change, it's done.

/cc @victorbjelkholm @lidel @diasdavid @olizilla

hacdias · 2018-07-18T08:49:37Z

Maybe we can now remove the migrate-to-hugo.md file and merge this?

victorb · 2018-07-18T09:35:06Z

Now the elements are displayed on a random order every time we open the page

Not sure about this, I think we should probably order by date added (most recent first) but show ones with "featured" label first. But, we can change this in the future.

For now, let's merge this and open up anything we'd like to change in new issues.

Maybe we can now remove the migrate-to-hugo.md file and merge this?

I'll open up issues for the things that are missing from that, then remove it from master.

hacdias · 2018-07-18T09:39:54Z

Thanksss!!! Should we remove disable_publish from Jenkinsfile? 😄

victorb · 2018-07-18T09:49:06Z

@hacdias let's leave it like this for now, will modify once dns + certs are ready for it :)

hacdias · 2018-07-18T09:54:13Z

Cool!

flyingzumwalt · 2018-07-18T09:54:27Z

@hacdias this is really awesome. Multiple people have said that we need it. It's great to see you taking the initiative to just build it and ship it. The rendered page looks great. Wonderful work, and thanks to @victorbjelkholm and @olizilla for helping make it even better.

hacdias · 2018-07-18T09:57:00Z

Thanks @flyingzumwalt 😃

akrych · 2018-07-18T10:17:57Z

@hacdias Wow! This looks great! 🥇 Thx for your hard work!

Just an idea - maybe we can add animation filtering like here: https://www.queness.com/resources/html/simple-portfolio-page/index.html

daviddias · 2018-07-19T07:06:50Z

AWESOME WORK! Congratz!! 👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽

daviddias · 2018-07-19T07:07:15Z

@victorbjelkholm awesome.ipfs.io isn't resolving

daviddias · 2018-07-19T07:08:26Z

Ah, I see -- #130 (comment). Can we get it asap? :)

hacdias · 2018-07-19T16:41:50Z

@hacdias Wow! This looks great! 🥇 Thx for your hard work!
Just an idea - maybe we can add animation filtering like here: queness.com/resources/html/simple-portfolio-page/index.html

Thanks @akrych 😄 I'll see if I can do that soon! 😄

ghost assigned victorb Apr 23, 2018

ghost added the status/in-progress In progress label Apr 23, 2018

lidel reviewed Apr 23, 2018

View reviewed changes

ghost assigned hacdias Apr 25, 2018

victorb commented Apr 25, 2018

View reviewed changes

hacdias force-pushed the static-site branch from 47171d0 to d4c029a Compare July 12, 2018 14:36

This comment has been minimized.

Sign in to view

hacdias force-pushed the static-site branch from 637ed3b to cd0ca77 Compare July 12, 2018 18:16

This comment has been minimized.

Sign in to view

hacdias force-pushed the static-site branch from d0f7f37 to d49db17 Compare July 12, 2018 19:53

hacdias force-pushed the static-site branch from fd09a3a to 503879e Compare July 13, 2018 17:06

This comment has been minimized.

Sign in to view

hacdias force-pushed the static-site branch 2 times, most recently from 9a1cede to 6b98306 Compare July 14, 2018 12:59

hacdias force-pushed the static-site branch from 1113929 to d14ef79 Compare July 17, 2018 13:31

victorb and others added 7 commits July 17, 2018 19:48

Thoughts on static site

b26e566

feat: awesome ipfs website

5304c27

fix linting

39aec4d

bottom links more prominent

c3a6e11

add icons to navbar

34d6544

add blockwatch

03268d8

blockwatch

8d7d022

hacdias force-pushed the static-site branch from b1182dc to 8d7d022 Compare July 17, 2018 18:49

hacdias added 2 commits July 18, 2018 07:38

update dev scripts

0544b37

Random card order :)

390088c

disable terms page

3ea799a

victorb merged commit 9f0bbeb into master Jul 18, 2018

ghost removed the status/in-progress In progress label Jul 18, 2018

hacdias deleted the static-site branch July 18, 2018 09:38

koalalorenzo mentioned this pull request Aug 8, 2018

All the new PR are still not populating /data #187

Closed

Awesome IPFS, the Webpage 🌐 #130

Awesome IPFS, the Webpage 🌐 #130

Conversation

victorb commented Apr 23, 2018

lidel Apr 23, 2018

Choose a reason for hiding this comment

victorb Apr 23, 2018

Choose a reason for hiding this comment

hacdias Apr 25, 2018

Choose a reason for hiding this comment

victorb Apr 25, 2018

Choose a reason for hiding this comment

lidel Apr 23, 2018 • edited Loading

Choose a reason for hiding this comment

victorb Apr 23, 2018

Choose a reason for hiding this comment

hacdias commented Apr 23, 2018

victorb commented Apr 23, 2018

victorb Apr 25, 2018

Choose a reason for hiding this comment

hacdias Apr 25, 2018

Choose a reason for hiding this comment

victorb commented Jun 14, 2018

hacdias commented Jun 16, 2018

hacdias commented Jul 12, 2018

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

hacdias commented Jul 12, 2018

hacdias commented Jul 13, 2018 • edited Loading

victorb commented Jul 13, 2018

hacdias commented Jul 13, 2018

lidel commented Jul 13, 2018 • edited Loading

hacdias commented Jul 13, 2018

hacdias commented Jul 13, 2018

lidel commented Jul 13, 2018

This comment has been minimized.

hacdias commented Jul 14, 2018

hacdias commented Jul 18, 2018

hacdias commented Jul 18, 2018

hacdias commented Jul 18, 2018

victorb commented Jul 18, 2018

hacdias commented Jul 18, 2018 • edited Loading

victorb commented Jul 18, 2018

hacdias commented Jul 18, 2018

flyingzumwalt commented Jul 18, 2018

hacdias commented Jul 18, 2018

akrych commented Jul 18, 2018

daviddias commented Jul 19, 2018

AWESOME WORK! Congratz!! 👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽

daviddias commented Jul 19, 2018

daviddias commented Jul 19, 2018

hacdias commented Jul 19, 2018

lidel Apr 23, 2018 •

edited

Loading

hacdias commented Jul 13, 2018 •

edited

Loading

lidel commented Jul 13, 2018 •

edited

Loading

hacdias commented Jul 18, 2018 •

edited

Loading