Continuing the discussion from The State of MyPaint.Org :
As stated in our blog post, State of MyPaint.Org , We have all the basics to at least have a functional website, however it really needs to more pleasing to the eye. It is a website show casing what MyPaint is and what can do with it. So we need design what our website will look like. This is where the community can help. We need your guys ideas of how we should design our website. It can be mockups and wireframe, or just links to themes or websites we can draw inspiration from. However here are somethings to keep in mind:
We like to keep our site as lean as possible.
The site needs to be responsive. I would like to use Pure.CSS Framework if possible.
Needs to have a Gallery Page, and Features Page.
Our Community Forum needs to follow its design as well. I will eventually like to embed it into MyPaint.Org itself.
Friendly for Wiki Documentation. I like how @davidrevoy pull this of with Pepper&Carrot’s Wiki .
This all I can think up for with requirements for our website for now. You can also help out by submitting you artwork in our Showcase Category so we feature it on our website. You can also post Screenshots of working in MyPaint or highlighting a feature as well. I would love to get a collection started so we can showcase what you can do with MyPaint as well.
Well that’s about all for now. MyPaint is a Community project, so it up to us to show the world what can with it. That means we need to create a great first impression and what a better way to capture them than with a good website design.
1 Like
Hey
I’m sharing here Not found: article333website-update-wiki/ - Pepper&Carrot , my code for my integration of the Github wiki into my website.
Pros:
Editing, Security, Spam protection on the Github side, and it’s good.
Github wiki are Git repo, so I still have a local copy
Markdown stored in *.md text files
Cons:
Hard to scale this system to multilangage
Dependencies to Github ( commercial services are less and less popular after the Sourceforge issue)
The website host needs to have git and a cron job to update the wiki repo daily.
You know technically since jekyll is designed to generate webpages from markdown files, I could add the Wiki repos as submodules and let jekyll create the static pages. The only problem I see is inserting the front matter that Jekyll requires for each page, but I don’t think that would be hard to implement dose support default front matter. I just need to add the default front matter to our _config.yml
file on our base site.
Another thing I would like to add is Prose.io support to make posting blogs on our site easier.
Here are related Github Issues for designing our website:
opened 09:21PM - 23 Nov 15 UTC
This so far what we discussed about the websites design.
@deevad manage to foun… d backups of it's current theme back in 2011 in mypaint/mypaint#496.
> I found in my backup/archives the themes + community screenshot from the 2011 campaign + the visual I made for the page. I put all in a zip here; http://www.davidrevoy.com/XYZ/2015-11-15_mypaint-web.zip
He also suggest we could use this theme and build upon that.
> I just browsed a bit the themes. I like the design of the place-holder website you made on http://mypaint.org/ : something white, simple, classic. Maybe http://jekyllthemes.org/themes/fengzhichu-theme/
It looks good so far to me,but when I switch to its mobile navigation menu, it looks really ugly so we'll need to work on that. Like I replied, We'll use a lot of the old assets that @deevad had backups of, and We'll use some screenshots from mypaint/mypaint#149 to give it an updated look.
Here's what @achadwick had to say bout design of mypaint's website on mypaint/website#2
> For the look: well, something a bit more modern than the old design would be nice! I'm not a huge follower of site trends, but "modern" seems to mean infinitely scrollable (not paginated), not column-based (normally one), and good for mobile right now.
>
> Maybe use the (easily mocked, but serviceable) "page-sized dark image-background hero section with 2 or 3 white-outline CTA buttons" pattern. Yeah, I know, so generic. Perhaps just trim it down to a page-wide banner with especially awesome artwork (close-up photo of on-screen artwork being painted?) or a slideshow of similar in the index.html template, above the start of the blog posts? Anything to look a bit less corporate :grinning:
>
> There are probably tons of readymades on http://jekyllthemes.org/ that can be adapted. One with strong support for multimedia posts would be best: particularly galleries, but consider that we might do tutorial videos too. It would need to be deployable without plugins, for hosting on github
>
> Content: the default Jekyll theme's split between "pages" and "posts" is good.
>
> Pages should be points of engagement that fire users off into development land, or towards the downloads or online communities relating to MyPaint, as well as basic info. We definitely need a who-we-are page listing out the devs, and probably a glossy what-this-program-is brochure page. IIRC, Krita have an especially good "how can I get involved (with development, site coding, artwork, resources, community building, you name it...)" page.
>
> Posts of course should be development news, links to Things of Interest (e.g. tutorials, new brush packs) and release announcements, and I'll try to keep the blog updated.
And I replied:
> Plus with design I'll probably build from one of the themes from the Jekyll site. I'll expand more upon in another issue once we have a set list of what the site needs, but I'll definitely don't want it to feel corporate.
>
> With images if we name them correctly, we could avoid using folders. That's something I could expand upon in the website's wiki for contributors.
From all the information you guys gave, you are looking for a end to end web page, that point's to everything that we have in the community. Basically a portfolio for MyPaint with the front page highlighting the key features. I'll keep in mind both GIMP and Krita webpages as references. If you guys have any ideas for the design for the site, let me know down below.
Also if any artist wishes to have their artwork featured on the website, leave a comment down below with link to the artwork. The artwork also needs to be on at least a [CC BY-NC](http://creativecommons.org/licenses/by-nc/4.0/) to be compatible to the website.
opened 09:56PM - 23 Nov 15 UTC
page.Unknown
type.Create
Besides the main landing page, we need to create a dedicated features page that … features more of the key features that MyPaint has to offer. A key example would be [krita's features page](https://krita.org/features/highlights/) which not only highlight key features, but also has a gallery section to features artwork that was created by Krita. The whole point of this page is not only win them over to use mypant, but also a place where new artists can draw inspiration from by following artist that are featured in the gallery whom use mypaint.
opened 09:56PM - 23 Nov 15 UTC
page.Unknown
type.Create
Besides the main landing page, we need to create a dedicated features page that … features more of the key features that MyPaint has to offer. A key example would be [krita's features page](https://krita.org/features/highlights/) which not only highlight key features, but also has a gallery section to features artwork that was created by Krita. The whole point of this page is not only win them over to use mypant, but also a place where new artists can draw inspiration from by following artist that are featured in the gallery whom use mypaint.
opened 10:06PM - 23 Nov 15 UTC
closed 07:56AM - 12 Mar 24 UTC
I know twitter is MyPaint main way of communicating to the community is though i… t's twitter feed. So were would we want to integrate the twitter feed at on the website. Since according mypaint/website-theme#1 the design will be that of resembling the gimp website or Krita website. So where do we want place it?
opened 08:44PM - 05 Dec 15 UTC
type.Update.Large
page.Index
type.Update
We need to create a features page that highlights some of the key features of My… Paint. Some of the Features I know are:
- Customizable Brush Engine that emulates not only Traditional brushes but also more exotic ones.
- True Infinite Canvas.
- Graphics Tablet Support.
- No-Distraction Full screen UI
- Layers with group folders,vector layers and external application support.
- Cross-Platform
Like I said where looking for key features that make MyPaint stand out from the crowd. Ones that stand out to me are its brush engine, layers features, and No-distraction UI. Right now we just need information. We can worry about design later. If you need help creating a good flow to explain x key feature, take a look at http://www.hemingwayapp.com/ which @achadwick mentioned in mypaint/website-old#7 .
Also we would love if you can take screenshots of mypaint highlighting your favourite feature of mypaint. Like mentioned in mypaint/website#8, it's licensing will have to conform to our [licensing policy on our wiki.](https://github.com/mypaint/mypaint/wiki/Licensing-policy#supplemental-artwork-or-promotional-material) Post them on our Community Forums on this [Post](http://community.mypaint.org/t/screenshots-of-1-2-0-during-development/44)
Let me know your guys ideas down below.
---
updated: Added screenshot paragraph
updated: Added Link to Discourse Thread
updated: Changed to features page.
Now that I have time to actually work on this, I would like to get MyPaint’s website designed. Dose anyone have any jekyll themes and templates you would recommend to me that I can use as my base? I’m still a newbie when it comes to web design so I’ll need some help to get this done. Also If you will like your artwork showcased on our website, please let me know so I can get the gallery page propagated.
daiyi
February 10, 2017, 2:17am
7
Hey everyone! I started sketching out some ideas, starting with the landing page.
checkit http://www.daiyi.co/mypaint.github.io/
(repo: GitHub - daiyi/mypaint.github.io: mypaint.org )
lean af, no js. I didn’t want to use an existing theme because they tend to be bloated
using purecss
Right now it’s very thrown-together so the visual idea is present so the code is not beautiful (':
Eventually:
refactor for readability
css linting
extract jekyll theme to separate repo
Rebecca
February 10, 2017, 6:45pm
8
Nice! I’m always a fan of lean and simple, and I like the idea of having a big image on top, seeing how MyPaint is a painting program and all.
If I may add one point to your todo list: Fix responsiveness. (… is that even a noun?)
Just letting you know if you want a tool to help you with writing with Jekyll here’s a good site.
I found a couple other tools that might be useful for the site. Just pasting it here for referecne: