# Help me design and add content to our site!

**URL:** https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035
**Category:** Announcements
**Created:** [October 26, 2018, 12:40am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035 "2018-10-26T00:40:47Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![grin.ninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grin.ninja/32/546_2.png) [@grin.ninja](https://forum.grin.mw/u/grin.ninja)
#### Post date: [October 29, 2018, 10:09am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/21 "2018-10-29T10:09:23Z")

</div>

Thank you so much for your feedback everyone, super happy to see this discussion.

I will admit that I’m also personally partial to the [minimal+delight](http://hq.grin.ninja) version.

My next steps were to fine-tune the homepage with more information that’s currently available on [grin.mw](https://grin.mw) and build out some of the pages as recommended by @lehnberg’s site hierarchy suggestion.

Since the theming is relatively easy to switch (I simply change the font and background colors with a few CSS link changes), I’ll create both minimal and the brutalist versions (if it doesn’t consume too much time) while the community is still discussing what’s best for grin.

> keep the big logo at the landing page, and then have it minimize to the smaller version on the top-left corner while scrolling down.

This sounds like a good feature. I did some light googling and found a [few scripts](https://jsfiddle.net/yxq1rgzo/7/) to pull this off. I haven’t built that sort of feature in the past but it looks relatively easy to pull off.

> wave-animation background

Note: I’m pulling the wave design from [heropatterns.com](http://heropatterns.com), so also feel free to browse and make suggestions if the crew likes another animation better.

> Does the framework take Markdown files?

Unfortunately not. This is a simple static html/css/js website, which is appropriate (imo) for a landing site that doesn’t have consistent edits. Yet I designed a grin wiki design in the past [GrinMW Docs](https://jollygrin.github.io/grinDocs/#/) which allows for a community to update a wiki via markdown files on a github. If using markdown for managing community edits is important, I’m heavily biased towards using docsify (what I made the wiki with). 🙂

I’ll be toying with this in the evenings after work.

---

<div class="post-metadata">

### Author: ![Unit](https://avatars.discourse-cdn.com/v4/letter/u/cc9497/32.png) [@Unit](https://forum.grin.mw/u/Unit)
#### Post date: [October 29, 2018, 7:01pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/22 "2018-10-29T19:01:33Z")

</div>

Copywriter with UX experience by trade. Will have a go at the navigation/informational copy within the next couple days.

---

<div class="post-metadata">

### Author: ![i1skn](https://avatars.discourse-cdn.com/v4/letter/i/c4cdca/32.png) [@i1skn](https://forum.grin.mw/u/i1skn)
#### Post date: [October 29, 2018, 9:25pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/23 "2018-10-29T21:25:28Z")

</div>

Hey, everybody! I found @grin.ninja design quite nice! I can help to make a Jekyll theme out of it, so the content would be still in markdown. Also, I really like the idea from @lehnberg, that “big round wobbly” logo could minimize into the smaller logo on the left as you scroll down and I can help to implement that as well.

---

<div class="post-metadata">

### Author: ![0xb100d](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/0xb100d/32/364_2.png) [@0xb100d](https://forum.grin.mw/u/0xb100d)
#### Post date: [October 29, 2018, 9:52pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/24 "2018-10-29T21:52:59Z")

</div>

The yellow icons are inspired! feeling a lot better about the redesign now, it still is minimal and not too flashy while giving more simple description of what the project is. I prefer the green background, don’t like moving backgrounds in general, and also prefer the single font style versus the changes in headers.

I will give a go at the copywriting, I think some of it is a bit clunky. @Unit sounds like you could spruce it up a bit too. we don’t want to sound too idealistic I think in the wording.

actually reading the latest ninja version the wording is very succinct and to the point already.

---

<div class="post-metadata">

### Author: ![colincr33vey](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/colincr33vey/32/611_2.png) [@colincr33vey](https://forum.grin.mw/u/colincr33vey)
#### Post date: [October 29, 2018, 10:24pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/25 "2018-10-29T22:24:35Z")

</div>

Glad to see the sketch logo of mine making the rounds. The designs look good, especially @grin.ninja

I think it’s important though for the border of the logo to not be washed out. A lighter background / contrasting border would do well.

I’ve got a few ideas for the site, I’ll try to chuck something together later this week.

---

<div class="post-metadata">

### Author: ![Unit](https://avatars.discourse-cdn.com/v4/letter/u/cc9497/32.png) [@Unit](https://forum.grin.mw/u/Unit)
#### Post date: [October 29, 2018, 10:59pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/26 "2018-10-29T22:59:24Z")

</div>

I agree.

Definitely not about embellishing what grin.ninja already wrote, but perhaps cutting down on headline or sub-headers/sub-copy in some places, etc. to clean it up. For example (see below). I’ll give it a shot and see where I end up.

What’s Grin?  
Grin builds electronic transactions for all, without censorship or restrictions.

to

What’s Grin?  
Electronic transactions for all. Without censorship or restrictions.

---

<div class="post-metadata">

### Author: ![igno.peverell](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/igno.peverell/32/4_2.png) [@igno.peverell](https://forum.grin.mw/u/igno.peverell)
#### Post date: [October 29, 2018, 11:24pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/28 "2018-10-29T23:24:10Z")

</div>

Note that the copy on the site wasn’t really thought through, I just added something that made sense and seemed to have to right length. We discuss the message and copy in parallel as that’s easy to update once we have it. Discovering the right message is likely to take a little bit…

---

<div class="post-metadata">

### Author: ![hashmap](https://avatars.discourse-cdn.com/v4/letter/h/ce73a5/32.png) [@hashmap](https://forum.grin.mw/u/hashmap)
#### Post date: [October 30, 2018, 10:24am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/29 "2018-10-30T10:24:47Z")

</div>

@grin.ninja wow, great work! Good balance between modern web design and Grin personality. I strongly prefer the original font, it’s responsible for Grin personality part I mentioned. Next iteration feels a bit soulless/corporate - even fore me - and I’m a fan of clean fonts and watched Helvetica documentary twice in my life.

---

<div class="post-metadata">

### Author: ![lehnberg](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/lehnberg/32/159_2.png) [@lehnberg](https://forum.grin.mw/u/lehnberg)
#### Post date: [October 30, 2018, 3:04pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/30 "2018-10-30T15:04:03Z")

</div>

> [@i1skn](#):
>
> I can help to make a Jekyll theme out of it, so the content would be still in markdown

This would be wicked, @i1skn! 😃

---

<div class="post-metadata">

### Author: ![grin.ninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grin.ninja/32/546_2.png) [@grin.ninja](https://forum.grin.mw/u/grin.ninja)
#### Post date: [October 31, 2018, 12:45am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/31 "2018-10-31T00:45:18Z")

</div>

> [@i1skn](#):
>
> I can help to make a Jekyll theme out of it, so the content would be still in markdown.

That’s awesome! Feel free to [fork the source](https://github.com/JollyGrin/grinhq)

> [@colincr33vey](#):
>
> I think it’s important though for the border of the logo to not be washed out. A lighter background / contrasting border would do well.

 ![56](https://canada1.discourse-cdn.com/flex036/uploads/grin/original/1X/a83bb01c2764601eb64ce5dc533d2aa55fed67f9.png)

[Thoughts about a white border?](https://hq.grin.ninja/colincr33vey)

> [@Unit](#):
>
> What’s Grin?  
> Electronic transactions for all. Without censorship or restrictions.

I like this, added.

**Other Updates**

Didn’t have too much time yesterday or today, but I fixed up the margins, added a swag button next to funding options, and added a more usable footer. You can check out the changes via either of the 2 styles.

- [grin.ninja “minimal+delight” style](http://hq.grin.ninja) (or view the grin logo with [white border](https://hq.grin.ninja/colincr33vey))
- [lehnberg brutalist style](https://hq.grin.ninja/lehnberg)

Next I want to:

- work on the grin logo resizing into the navbar
- adding additional pages (such as the funding page)
- adding sections for current call-to-actions (grincon, security audit, etc).

---

<div class="post-metadata">

### Author: ![igno.peverell](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/igno.peverell/32/4_2.png) [@igno.peverell](https://forum.grin.mw/u/igno.peverell)
#### Post date: [October 31, 2018, 1:05am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/32 "2018-10-31T01:05:21Z")

</div>

Awesome, thanks! I think “Learn” and “What’s MimbleWimble” should also be their own pages with content a little more basic than the intro to start with.

---

<div class="post-metadata">

### Author: ![Arthur](https://avatars.discourse-cdn.com/v4/letter/a/958977/32.png) [@Arthur](https://forum.grin.mw/u/Arthur)
#### Post date: [October 31, 2018, 2:59am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/33 "2018-10-31T02:59:54Z")

</div>

Maybe defining some colors in hex format will ease the building of, not only the website, but all grin-related content.

Here are some samples:

The green font in [grin.mw](https://grin.mw): #86E153  
The grey of grin-forum: #222222  
The black of grin-forum: #111111

---

<div class="post-metadata">

### Author: ![i1skn](https://avatars.discourse-cdn.com/v4/letter/i/c4cdca/32.png) [@i1skn](https://forum.grin.mw/u/i1skn)
#### Post date: [October 31, 2018, 6:21pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/34 "2018-10-31T18:21:02Z")

</div>

@grin.ninja I have created a PR to implement your design as a Jekyll theme. Please take a look! [https://github.com/ignopeverell/site-test/pull/4](https://github.com/ignopeverell/site-test/pull/4)

---

<div class="post-metadata">

### Author: ![grin.ninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grin.ninja/32/546_2.png) [@grin.ninja](https://forum.grin.mw/u/grin.ninja)
#### Post date: [November 1, 2018, 12:54am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/35 "2018-11-01T00:54:56Z")

</div>

This is great!

I’m in favor of your decision to implement this PR asap so that other community members can visualize their edits. Yet going forward, are you okay if I continue to make updates to [hq.grin.ninja](https://hq.grin.ninja)?

For designing the funding pages (and others), I’ll focus on enabling blocks of text so that it’s more markdown friendly than the homepage (which uses a lot of columns).

---

<div class="post-metadata">

### Author: ![i1skn](https://avatars.discourse-cdn.com/v4/letter/i/c4cdca/32.png) [@i1skn](https://forum.grin.mw/u/i1skn)
#### Post date: [November 1, 2018, 6:35pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/36 "2018-11-01T18:35:09Z")

</div>

@grin.ninja I think that would fine if you would still make updates to hq.grin.ninja.  
But to integrate the changes into Jekyll would require a bit of work. If you want I can add a Readme file with description how to run Jekyll locally. It’s pretty easy and you would know how pages are rendered right away with live-reload 🙂 Tell me how this sounds, otherwise, I’m ok to “cherry-pick” the changes from your repo to the main one. Thanks!

---

<div class="post-metadata">

### Author: ![grin.ninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grin.ninja/32/546_2.png) [@grin.ninja](https://forum.grin.mw/u/grin.ninja)
#### Post date: [November 5, 2018, 11:51pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/37 "2018-11-05T23:51:59Z")

</div>

Sorry for the delay everyone! I haven’t forgotten!

I’m busy at conference for a week, yet I cleared up my weekend to finish my proposed pages 🙂

---

<div class="post-metadata">

### Author: ![grin.ninja](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/grin.ninja/32/546_2.png) [@grin.ninja](https://forum.grin.mw/u/grin.ninja)
#### Post date: [November 11, 2018, 8:20pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/38 "2018-11-11T20:20:57Z")

</div>

Howdy crew! I have some updates!

- Navbar is fixed to the top of the page and the smiley shows up after scrolling past the hero.
- Added dropdowns to the navbar items  
 ![](https://yyz2.discourse-cdn.com/flex036/uploads/grin/original/1X/452323a599116a91927a30beacb17b7a99516f05.png)
- Fixed the menu to expand in mobile
- Added Call-To-Action Community Initiatives
- Added [Security Audit](https://hq.grin.ninja/securityaudit.html) page
- Added a template for markdown friendly files (pinging @i1skn). Example [funding](https://hq.grin.ninja/funding.html) page. I basically made a div where the markdown can be placed. Let me know if I can improve it.
- added @grinmw twitter to footer

You can check the updates in your favorite style and start clicking around:

- [Minimal + Delight](https://hq.grin.ninja)
- [Lehnberg’s Brutalism](https://hq.grin.ninja/lehnberg/)
  - [Brutal Security Audit](https://hq.grin.ninja/lehnberg/securityaudit.html)
  - [Brutal Funding Page (Markdown)](https://hq.grin.ninja/lehnberg/funding.html)

---

<div class="post-metadata">

### Author: ![colincr33vey](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/colincr33vey/32/611_2.png) [@colincr33vey](https://forum.grin.mw/u/colincr33vey)
#### Post date: [November 12, 2018, 10:54pm UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/39 "2018-11-12T22:54:52Z")

</div>

@grin.ninja Great work!

I played around with the site theme a few days ago and just published my changes:  
[https://cr33vey.github.io/site-test/](https://cr33vey.github.io/site-test/)

If there’s any interest in the design I’ll keep at it.

I think it would be good if we started a Telegram group for those interested in contributing to graphics/web design side of things. That way we can work more collaboratively on ideas easier.

If you’re interested, shoot me a DM with your @TelegramHandle and I’ll start one 🙂

---

<div class="post-metadata">

### Author: ![0xb100d](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/0xb100d/32/364_2.png) [@0xb100d](https://forum.grin.mw/u/0xb100d)
#### Post date: [November 13, 2018, 3:06am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/40 "2018-11-13T03:06:38Z")

</div>

Looks really good, I think I still like the brutalism version best.

---

<div class="post-metadata">

### Author: ![igno.peverell](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.grin.mw/igno.peverell/32/4_2.png) [@igno.peverell](https://forum.grin.mw/u/igno.peverell)
#### Post date: [November 13, 2018, 3:35am UTC](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035/41 "2018-11-13T03:35:33Z")

</div>

Very nice @grin.ninja !

And about the brutalist version: argh. Is there a font that’s not fixed-width that’d still match the brutalist design? That might help me.

[Previous page](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035.md?page=1)

[Next page](https://forum.grin.mw/t/help-me-design-and-add-content-to-our-site/1035.md?page=3)
