GitHub Page Configuration Files

_config.yml

title:       "sunnysani OS"
# baseurl: "" # e.g. /blog
# url: ""     # e.g. http://example.com
author:           "Naufal Sani"
sitemap:          "true"
plugins:
  - jekyll-sitemap
  - jekyll-seo-tag
urlweb:           "https://sunnysani.github.io/os211/"
urlgithub:        "https://github.com/sunnysani/os211/"
urlghpage:        "https://sunnysani.github.io/os211/"
keywords:         "jekyll, testing"
github:           [metadata]

_layouts/layout.html

<!DOCTYPE html>
<html lang="en">
<!-- File _layouts/layout.html           -->
<!-- (c) 2021 - 2021 VauLSMorg           -->
<!-- START: Wed 17 Feb 2021 19:44:53 WIB -->
<!-- This is a free HTML file            -->
<head>
  <title>
    GitHub Page Configuration Files - sunnysani OS
    
  </title>
  <meta charset="utf-8">
  <meta name="viewport"    content="width=device-width, initial-scale=1">
  <meta name="description" content="Operating Systems 2021-1">
  <link href="/os211/assets/css/style.css" rel="stylesheet" type="text/css" title="Style">
</head>
<body class="base">
<!-- body class="backclass" -->
<div class="container">
  <header>
    <div class="row">
      <h1>Hello welcome to GitHub Page Configuration Files </h1>
    </div>
  </div>
  </header>
  <nav class="navbar">
  <ul>
    <li><a class='listitem' href='/os211/'>HOME</a></li>
    <li><a class='listitem' href='/os211/004.html'>LISTING</a></li>
    <li><a class='listitem' href='/os211/W01/'>W01</a></li>
    <li><a class='listitem' href='/os211/W02/'>W02</a></li>
    <li><a class='listitem' href='/os211/W03/'>W03</a></li>
    <li><a class='listitem' href='/os211/W04/'>W04</a></li>
    <li><a class='listitem' href='/os211/W05/'>W05</a></li>
    <li><a class='listitem' href='/os211/W06/'>W06</a></li>
    <li><a class='listitem' href='/os211/W07/'>W07</a></li>
    <li><a class='listitem' href='/os211/W08/'>W08</a></li>
    <li><a class='listitem' href='/os211/W09/'>W09</a></li>
    <li><a class='listitem' href='/os211/W10/'>W10</a></li>
    <li><a class='listitem' href='/os211/TXT/mypubkey.txt'>KEY</a></li>
    <li><a class='listitem' href='/os211/TXT/myrank.txt'>RANK</a></li>
    <li><a class='listitem' href='/os211/TXT/mylog.txt'>LOG</a></li>
    <li><a class='listitem' href='https://github.com/sunnysani/os211/'>GitHub</a></li>
  </ul>
</nav>


  <section>
     
  </section>
  <div>
<hr>
<div>
<hr>
Thank you for coming.
Naufal Sani 2021
</div>
</div>




</div>
</body>
</html>

_includes/head.html

<head>
  <title>
    GitHub Page Configuration Files - sunnysani OS
    
  </title>
  <meta charset="utf-8">
  <meta name="viewport"    content="width=device-width, initial-scale=1">
  <meta name="description" content="Operating Systems 2021-1">
  <link href="/os211/assets/css/style.css" rel="stylesheet" type="text/css" title="Style">
</head>

_includes/navbar.html

<nav class="navbar">
  <ul>
    <li><a class='listitem' href='/os211/'>HOME</a></li>
    <li><a class='listitem' href='/os211/004.html'>LISTING</a></li>
    <li><a class='listitem' href='/os211/W01/'>W01</a></li>
    <li><a class='listitem' href='/os211/W02/'>W02</a></li>
    <li><a class='listitem' href='/os211/W03/'>W03</a></li>
    <li><a class='listitem' href='/os211/W04/'>W04</a></li>
    <li><a class='listitem' href='/os211/W05/'>W05</a></li>
    <li><a class='listitem' href='/os211/W06/'>W06</a></li>
    <li><a class='listitem' href='/os211/W07/'>W07</a></li>
    <li><a class='listitem' href='/os211/W08/'>W08</a></li>
    <li><a class='listitem' href='/os211/W09/'>W09</a></li>
    <li><a class='listitem' href='/os211/W10/'>W10</a></li>
    <li><a class='listitem' href='/os211/TXT/mypubkey.txt'>KEY</a></li>
    <li><a class='listitem' href='/os211/TXT/myrank.txt'>RANK</a></li>
    <li><a class='listitem' href='/os211/TXT/mylog.txt'>LOG</a></li>
    <li><a class='listitem' href='https://github.com/sunnysani/os211/'>GitHub</a></li>
  </ul>
</nav>

assets/css/style.css

.base {
  color:            black;
}

.container {
  max-width:    70%;
  margin:       0 auto;
  font-size:    1.1em;
  font-family:  verdana,arial,helvetica,san-serif;
  text-align:   justify;
}

.container a {
  color: #a0a0a0;
}

.container a:hover {
  color: #f0f0f0;
}

.row {
}

.column {
  float:            left;
  display:          inline-block;
  background:       #808080;
  height:           130px;
  width:            100%;
  padding-top:      10px;
  padding-bottom:   10px;
  padding-left:     10px;
  padding-right:    10px;
  text-align:       left;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.navbar {
  background-color: #CCCCCC;
  color:            #FFFFFF;
  font-size:        0.7em;
}

.listitem {
  color: black;
  padding:        1px;
  padding-top:    10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.navbar ul li {
  display:        inline-block;
  padding:        1px;
  padding-top:    10px;
  padding-bottom: 10px;
}

.listitem:hover {
  font-size:        1em;
  font-weight:      bold;
}

pre {
  border:        3px solid rgba(255, 255, 255, 0.15);
  padding:       10px; 
  color:         #b5e853;
  font-size:     0.7em; 
  border-radius: 2px;
}

@media screen and (max-width:768px) {
  ul {
    margin: 0;
    padding: 0;
  }
  #navbar ul li {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }
  #navbar ul li a {
    margin: 0;
    padding: 0;
  }
  #menu {
    display: none;
  }
  #maincontent {
    width: 100%;
    padding: 0;
  }
  h1 {
    font-size: 1em;
  }
}