w3card-blog

Demo project: EE491 (Cards may be hidden)

W3Schools is a great resource for learning modern web design. They release an open CSS framework called W3.CSS. I used this framework to create a Material Design card-like interface for blog posting.

Color scheming and themes are easily swappable by changing the referenced W3.CSS pallet.

<head>
...
    <!-- W3.CSS is an open source modern CSS framework http://www.w3schools.com/w3css/-->
    <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
    <!-- Change theme here ---> 
    <link rel="stylesheet" href="http://www.w3schools.com/lib/w3-theme-green.css">

    <title>w3card-blog</title>
    <link rel="stylesheet" href="assets/blog.css">
    <script src="assets/blog.js"></script>
</head>

I used this template as a simple form input for my EE491 IoT Bike Lock project.

I also started to explore Hexo static site generation using this template. If you know Hexo and would like to help me out please fork my w3card-hexo repo.