cool-mist/bbb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Styling

Browse Source
This commit is contained in:
cool-mist 2020-12-13 14:38:01 +00:00
parent 476ef3ec81
commit a42633edd2
7 changed files with 71 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_includes/head.html
View File

@ -16,10 +16,10 @@
<link rel="canonical" href="{{ page.url | absolute_url }}">
{% endif %}
<link rel="stylesheet" href="{{ '/public/css/poole.css' | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/syntax.css' | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/lanyon.css' | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/custom.css' | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/poole.css?' | append: site.time | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/syntax.css?' | append: site.time | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/lanyon.css?' | append: site.time | absolute_url }}">
<link rel="stylesheet" href="{{ '/public/css/custom.css?' | append: site.time | absolute_url }}">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700%7CPT+Sans:400">
<link rel="shortcut icon" href="{{ '/public/favicon.png' | absolute_url }}">

2
_includes/sidebar.html
View File

@ -1,6 +1,6 @@
<!-- Target for toggling the sidebar `.sidebar-checkbox` is for regular
styles, `#sidebar-checkbox` for behavior. -->
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox" checked>
<input type="checkbox" class="sidebar-checkbox" id="sidebar-checkbox">
<!-- Toggleable sidebar -->
<div class="sidebar" id="sidebar">

15
_layouts/default.html
View File

@ -3,7 +3,7 @@
{% include head.html %}
<body class="layout-reverse sidebar-overlay .theme-base-0d">
<body class="layout-reverse sidebar-overlay">
{% include sidebar.html %}
@ -12,13 +12,20 @@
<div class="wrap">
<div class="masthead">
<div class="container">
<h3 class="masthead-title">
<h1 class="masthead-title inline-block">
<a href="{{ site.baseurl }}/" title="Home">{{ site.title }}</a>
<small>{{ site.tagline }}</small>
</h3>
</h1>
<img class="inline-block" src = '{{ site.baseurl | absolute_url }}/public/favicon.png' />
<div class="navbar">
<ul>
<li> <a class="navbar-link" href='{{ site.baseurl }}/about'>About</a> <li>
<li> <a class="navbar-link" href='{{ site.baseurl }}/categories'>Categories</a> <li>
<li> <a class="navbar-link" href='{{ site.baseurl }}/archive'>Archive</a> <li>
</ul>
</div>
</div>
</div>
<div class="container content">
{{ content }}
</div>

4
_posts/2020-12-08-getting-ready.md
View File

@ -4,9 +4,11 @@ title: Getting Ready
categories: ["introduction"]
---
How did I setup this site ?
![favicon]({{ site.baseurl | absolute_url }}/public/favicon.png)
After contemplating about different options for hosting, blogging technologies and domain names for a couple of days, I have settled on the following configurations for now!
--------
### Domain Name

3
index.html
View File

@ -14,7 +14,8 @@ title: Home
<span class="post-date">{{ post.date | date_to_string }}</span>
{{ post.content }}
{{ post.excerpt }}
<p><a href="{{ post.url | absolute_url }}">Read more...</a></p>
</div>
{% endfor %}
</div>

49
public/css/custom.css
View File

@ -1 +1,48 @@
img[alt="OSI Outline"] { width: 100%; }
/* osi */
img[alt="OSI Outline"] {
width: 100%;
}
/* Navigation Bar */
.navbar {
display: inline-block;
}
.navbar ul {
list-style-type: none;
margin: 0;
}
.navbar ul li {
display: inline;
display: inline-block;
zoom: 1;
margin-left: 0.3rem;
}
.navbar-link a{
display: block;
text-align: center;
text-decoration: none;
padding: 0.1rem;
}
a.navbar-link:link, a.navbar-link:visited{
text-decoration: none;
color: #505050;
}
a.navbar-link:hover{
text-decoration: none;
}
a.navbar-link:active{
text-decoration: none;
}
/* General */
.inline-block {
display: inline-block;
}

2
public/css/poole.css
View File

@ -286,7 +286,7 @@ tbody tr:nth-child(odd) th {
*/
.container {
max-width: 38rem;
max-width: 50rem;
padding-left: 1rem;
padding-right: 1rem;
margin-left: auto;