Commit fa499c5c authored by jan.koester's avatar jan.koester
Browse files

added template

parent e317fab2

data/template/default/index.html

0 → 100644
+30 −0
Original line number Diff line number Diff line 
<!DOCTYPE html> 

   <html lang="de">  

     <head>    

       <title>Blogi</title>    

       <meta name="author" content="Jan Koester">    

       <meta name="robots" content="all" >

       <meta charset="utf-8">   

       <meta name="viewport" content="width=device-width,initial-scale=0.3" >

       <link rel="stylesheet" href="/blog/theme/public/reset.css">

       <link rel="stylesheet" href="/blog/theme/public/style.css">

    </head>

    <body>

       <div id="header">

	 <!-- header image -->

         <img alt="headerimage" id="banner" src="/blog/theme/public/header.webp" >

	 <!-- Navbar--> 

       </div>

       <div id="main">

         <!-- content -->

       </div>

       <div id="ghost"> 

       </div>

       <div id="footer">

         <span id="copyrigt" > (c) Jan Koester 2021 </span>

         <br>

         <span id="footernav">

         </span>

       </div>

    </body>

  </html>

data/template/default/mobile.html

0 → 100644
+39 −0
Original line number Diff line number Diff line 
<!DOCTYPE html> 

   <html lang="de">  

     <head>    

       <title>Blogi</title>    

       <meta name="author" content="Jan Koester">    

       <meta name="robots" content="all" />

       <meta charset="utf-8">   

       <meta name="viewport" content="width=device-width,initial-scale=1.0" />

       <link rel="stylesheet" href="/blog/theme/public/reset.css">

       <link rel="stylesheet" href="/blog/theme/public/mstyle.css">

    </head>

    <body>

       <div id="header">

        <img id="menunav" alt="nav" src="/blog/theme/public/start.webp" srcset="/blog/theme/public/start_small.webp 8 w,start 48 w" size="50vw" /> 

	 <!-- Navbar--> 

       </div>

       <div id="main">

         <!-- content -->

       </div>

       <div id="ghost"> 

       </div>

       <div id="footer">

         <span id="copyrigt" > (c) Jan Koester 2021 </span>

         <br/>

         <span id="footernav">

         </span>

       </div>

       <script>

          document.addEventListener('DOMContentLoaded',function() {

              document.getElementById("menunav").addEventListener("click", function() {

                  if(document.getElementById("headnav").style.display != "block")

                     document.getElementById("headnav").style.display = "block";

                  else

                     document.getElementById("headnav").style.display = "none";

              })

          });

       </script>

    </body>

  </html>

data/template/default/public/header.webp

0 → 100644
+127 KiB
Loading image diff...

data/template/default/public/mstyle.css

0 → 100644
+254 −0
Original line number Diff line number Diff line 
#banner {

   display:block; 

   margin:0px auto;

}



#header {

   width:100%;

   background: rgb(49, 54, 59);

}



#headnav {

     display:none;

     width:100%;

     margin:0px auto;

     text-align:left;

}

 

#headnav a{

  display:flex;

  margin:0.5em 0.5em;

  font-size: 1.5em;

  width:100%;

}



#content {

   float: left;

   width:100%;

   margin:10px 0;

   font-size: 0.5em;

}



#contentidx {

  width:100%;

  margin:10px 0;

}

  

#main {

  display:block; 

  width:100%; 

}



#ghost {

    display:inline-block;

    min-height:300px;

    height:20%;

    width:100%;

    min-width:300px;

}



 

#footer {

    position:fixed;

    margin:50px 0 0 0;

    display:block;

    text-align:center;

    bottom:0px;

    background: rgb(49, 54, 59);

    width:100%;

}



#menunav {

   height:48px;

   width:48px;

}



#headnav ul {

}



#headnav li {

   padding: 0.1em 0.25em;

}



#headnav li:hover {

    background:rgb(35, 38, 41);

    border-top: solid 1px transparent;

    border-bottom: solid 1px transparent;

}



#headnav li.active {

    border-top: solid 1px rgb(61, 174, 233);

    background:rgb(35, 38, 39);

    border-right:solid 1px rgb(34, 37, 41);

    border-bottom: solid 1px transparent;

    height:100%;

}



#headnav li.inactive {

    border-top:solid 1px rgb(35, 38, 39);

    border-bottom: solid 1px transparent;    

}



#headnav li.active:hover {

    border-bottom:none;

}



#headnav a:link {

    color:rgb(238, 238, 238);

    text-decoration: none;

}



#headnav a:visited {

    color:rgb(238, 238, 238);

    text-decoration: none;

}



body {

    color: rgb(238, 238, 238);

    background: rgb(35, 38, 39);

    margin:0;

    padding:0;

    font-size:min(1.0em);

    width:100%;

}



a {

    text-decoration: none;

    color: rgb(58,212, 58);

    font-size:min(1.5em);

}



#footer a.footer {

    margin:0 10px;

}



.blog_adminmenu {

    background: rgb(49, 54, 59);

    margin:20px 0px;

}



.blog_entry {

    background: rgb(49, 54, 59);

    margin:20px 0px;

}



.title {

    display:block; padding: 10px 0px;

}



.entry_text {

    padding: 0 10px 0 0

}



.author {

    display:block;

    padding: 10px 0px;

}



#idxtags {

    text-align:center;

    background: rgb(49, 54, 59);

    width:100%;

}



#idxtags ul{

    list-style-type: none;

    padding: 0 10px;

    display:inline-block;

}



#idxtags li{

    text-align:left;

    margin: 0.5em 0.5em;

    font-size:1.5em;

}



#idxtags a{

    text-decoration:none;

    color:rgb(255, 255, 255);

}



.staticpage {

    background: rgb(49, 54, 59);

}



.gameserver {

    background: rgb(49, 54, 59);

    margin:20px 0;

}



.kinfo {

    background: rgb(49, 54, 59);

    width:100%;

}



.projects {

    background: rgb(49, 54, 59);

    width:100%;

    margin:20px 0;

}



#pager {

  background: #31363B;

  text-align: center;

}



#settings {

    background: rgb(49, 54, 59);

    margin:20px 0;

}

 

#settings table{

    width: 100%; 

    background: rgb(49, 54, 59); 

    margin:0;

}

 

#setnav {

    font-size: 1.5em;

    width:15%;

    padding:0;

    margin:0;

}



#setnav ul{

   list-style: none;

   padding: 0;

   margin: 0;

}



#setnav li {

        list-style: none;

        background: rgb(35, 38, 39);

        height: 1.5em;

        border-top: solid rgb(49, 54, 59) 0.5em;

        border-bottom: solid rgb(49, 54, 59) 0.5em;

        width: 90%;

        text-align: center;

        font-size: 1.0em;

}



.upreview{

    display: flex;

    width: 128px;

    height: 128px;

    float:left;

}



.upreview img{

    display: flex;

    width: 128px;

    max-height: 128px;

}



.upreview video{

    display: flex;

    width: 128px;

    max-height: 128px;

}



#viewmedia {

    display: inline-block;

    margin: 2em 0;

}

data/template/default/public/reset.css

0 → 100644
+54 −0
Original line number Diff line number Diff line 
/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

        margin: 0;

        padding: 0;

        border: 0;

        outline: 0;

        font-size: 100%;

        vertical-align: baseline;

        background: transparent;

}

body {

        line-height: 1;

}

ol, ul {

        list-style: none;

}

blockquote, q {

        quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

        content: '';

        content: none;

}



/* remember to define focus styles! */

:focus {

        outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

        text-decoration: none;

}

del {

        text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

        border-collapse: collapse;

        border-spacing: 0;

}