Minimalistic

Proud of your WonderCMS website? Share it with the world!
Post Reply
mjxl
Posts: 29
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
wiz
Admin
Posts: 503
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.
mjxl
Posts: 29
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 15 times
The admin panel still sux, only did some basic styling there, buttons are missing etc.
settings.png
settings.png (53.64 KiB) Viewed 199 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
Post Reply