Page 1 of 1

Minimalistic

Posted: Wed Sep 23, 2020 9:46 pm
by mjxl
I went minimalistic.

Working on the admin panel every now and then :P

Image

Image

Image

Image

Re: Minimalistic

Posted: Sun Oct 18, 2020 6:08 pm
by wiz
Looking good!
If you ever feel like sharing or showing off a live demo, would love to test this out.

Re: Minimalistic

Posted: Wed Oct 28, 2020 11:38 pm
by mjxl
Ofcourse! Cleaned it a little, prolly some redundant/incorrect css.
minimalist_theme.zip
(2.34 KiB) Downloaded 445 times
The admin panel still sux, only did some basic styling there, buttons are missing etc.
preview.png
preview.png (76.74 KiB) Viewed 11120 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

Re: Minimalistic

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

Any chance you can upload this to GitHub? I'll gladly run it for a test!

Re: Minimalistic

Posted: Mon Mar 22, 2021 10:31 pm
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