Minimalistic

Proud of your WonderCMS website? Share it with the world!
Post Reply
User avatar
mjxl
Posts: 45
Joined: Thu Jan 30, 2020 4:57 am

Minimalistic

Post by mjxl »

I went minimalistic.

Working on the admin panel every now and then :P

Image

Image

Image

Image
User avatar
wiz
Posts: 754
Joined: Sat Oct 30, 2010 12:23 am

Re: Minimalistic

Post by wiz »

Looking good!
If you ever feel like sharing or showing off a live demo, would love to test this out.
User avatar
mjxl
Posts: 45
Joined: Thu Jan 30, 2020 4:57 am

Re: Minimalistic

Post by mjxl »

Ofcourse! Cleaned it a little, prolly some redundant/incorrect css.
minimalist_theme.zip
(2.34 KiB) Downloaded 984 times
The admin panel still sux, only did some basic styling there, buttons are missing etc.
preview.png
preview.png (76.74 KiB) Viewed 20425 times
I was actually thinking to instead do some cutting/editing on index.php.
I'd like to go minimal there too, especially for the admin panel (see code snippets below)

"visitor" html:

Code: Select all

<main>
  <nav>
    <a class=active>Home</a>
    <a>About</a>
  </nav>
  <content>
    Your beautiful contents
  </content>
  <footer>
    sitename.com | with wondercms
  </footer>
</main>
Admin panel?

Code: Select all

<section id=settings>
  <nav>
    <a class="link active">settings #1</a>
    <a>settings #2</a>
  </nav>
  <article>settings page #1</article>
  <article>settings page #2</article>
  <footer>
    <a>WonderCMS</a>
    <a>Community</a>
  </footer>
</section>
Admin panel styles:

Code: Select all

<style>
#settings {
  display: grid;
  grid-template-rows: 40px 1fr(or auto?) 40px;
  grid-template-areas: "nav" "page" "foot";
}
#settings > nav {
  grid-area: nav;
  display: // either grid/flex here;
}
#settings > article {
  grid-area: page;
  width/height: fill its container;
  display: none; // have like .active class for display: block only
}
#settings > footer {
  grid-area: foot;
  display: //again grid/flex here;
}
</style>
Let me know what you think :P
Last edited by mjxl on Mon Mar 22, 2021 10:41 pm, edited 1 time in total.
User avatar
wiz
Posts: 754
Joined: Sat Oct 30, 2010 12:23 am

Re: Minimalistic

Post by wiz »

Hej MJ!

Any chance you can upload this to GitHub? I'll gladly run it for a test!
User avatar
mjxl
Posts: 45
Joined: Thu Jan 30, 2020 4:57 am

Re: Minimalistic

Post by mjxl »

wiz wrote: Tue Dec 15, 2020 10:50 am Hej MJ!

Any chance you can upload this to GitHub? I'll gladly run it for a test!
woah been a while since i was here :x better late than never i guess !
It's not done, it's the current state of it tho :P

https://github.com/mjuksel/wondercms-mjxlMinimalist
Post Reply