Commit 595721ff authored by Murukesh Mohanan's avatar Murukesh Mohanan

style updates; added pic

parent b2f5d383
Pipeline #1267 failed with stage
name: Murukesh Mohanan
base-url: ""
timezone: Asia/Kolkatta
url: https://murukesh.me
enforce_ssl: murukesh.me
url: https://muru.dev
enforce_ssl: muru.dev
section_separator: "<!-- section -->"
plugins:
......
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<!-- If you want to fix the weird fonts on Chrome or Firefox
......@@ -26,7 +26,6 @@
{% endif %}
<!-- Web Fonts FTW! -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu">
<meta property="fb:app_id" content="658633094275731"/>
{% if page.description %}
<meta name="description" content="{{ page.description }}">
{% endif %}
......@@ -38,38 +37,32 @@
</head>
<body>
<header id="title">
<a href="{{ site.base-url }}/">
<h1>
<h1>
<img id="face" src="{{ site.base-url }}/images/face.png" alt="me">
<a href="{{ site.base-url }}/">
Murukesh Mohanan
</h1>
</a>
</a>
</h1>
</header>
<nav>
<ul>
{% for page in site.pages_list %}
<nav class="top-level">
{% for page in site.pages_list %}
<a href="{{ site.base-url }}/{{ page[1] }}#main">
<li>
{{ page[0] }}
</li>
{{ page[0] }}
</a>
{% endfor %}
</ul>
{% endfor %}
</nav>
<article id="main">
{{ content }}
</article>
<footer>
<section>
<footer class="section">
<!-- Copyleft FTW! -->
<div>
<img src="{{ site.base-url }}/images/Copyleft.png" style="height: 1em;" alt="copyleft"> Murukesh Mohanan.
<a class="rss" href="{{ site.base-url }}/feed.xml"><img src="{{ site.base-url }}/images/rss.svg" alt="RSS"></img></a>
<a class="rss" href="{{ site.base-url }}/feed.xml"><img src="{{ site.base-url }}/images/rss.svg" alt="RSS"></a>
<p>Permission to use content is granted under <a href="https://creativecommons.org/licenses/by-sa/3.0/" rel="license">the CC BY-SA license</a>.</p>
<p>The font used here is the Ubuntu font, via Google Web Fonts. Written with Jekyll. Hosted using <a href="https://gitlab.com/murukesh/murukesh.gitlab.io">Gitlab</a> and Cloudflare. SSL certificates from Cloudflare. </p>
</div>
</section>
<p>The font used here is the Ubuntu font, via Google Web Fonts. Written with Jekyll.
Hosted using <a href="https://gitlab.com/murukesh/murukesh.gitlab.io">Gitlab</a> and Cloudflare. SSL certificates from Cloudflare and Let's Encrypt. </p>
</footer>
</body>
</html>
......@@ -30,50 +30,15 @@ pagestyle: posts
</section>
{% endfor %}
<section class="page-links">
<nav class="page-links section">
{% if page.previous %}
<a class="page-prev" href="{{ site.base-url }}{{ page.previous.url }}" title="{{ page.previous.title }}">
{{ page.previous.title | truncate: 25 }}
<span class="prev"></span>{{ page.previous.title | truncate: 25 }}
</a>
{% endif %}
{% if page.next %}
<a class="page-next" href="{{ site.base-url }}{{ page.next.url }}" title="{{ page.next.title }}">
{{ page.next.title | truncate: 25 }}
{{ page.next.title | truncate: 25 }}<span class="next"></span>
</a>
{% endif %}
</section>
<!-- <div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<section class="comments">
<div class="fb-comments"
data-href="{{site.url}}{{page.url}}"
data-width="100%"
data-numposts="10"
data-colorscheme="dark">
</div>
<noscript>Please enable JavaScript to view the comments powered by Facebook.</noscript>
-->
<!--
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES * * */
var disqus_shortname = 'muru';
var disqus_identifier = '{{ page.url }}';
var disqus_url = '{{ site.url }}{{ page.url }}';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
-->
</section>
</nav>
......@@ -30,15 +30,16 @@ layout: default
</section>
{% endfor %}
<section class="page-links">
<nav class="page-links section">
{% if paginator.next_page %}
<a class="page-prev" href="{{ site.base-url }}{{ paginator.next_page_path }}">
Older: {{ paginator.next_page }} / {{ paginator.total_pages }}
</a>
{% endif %}
{% if paginator.previous_page %}
<a class="page-next" href="{{ site.base-url }}{{ paginator.previous_page_path }}">
Newer: {{ paginator.previous_page }} / {{ paginator.total_pages }}
</a>
{% endif %}
</section>
</nav>
......@@ -93,27 +93,31 @@ From http://drewsilcock.co.uk/proper-linenumbers/
overflow: auto;
}
section.page-links {
nav.page-links {
overflow: auto;
text-align: center;
clear: both;
display: flex;
justify-content: space-between;
}
a.page-prev {
text-align: left;
text-overflow: ellipsis;
flex-grow: 1;
}
a.page-next {
text-align: right;
text-overflow: ellipsis;
flex-grow: 1;
/* text-overflow: '… ⇨ ';*/
}
a.page-prev::before {
span.prev::before {
content: '⇦ ';
}
a.page-next::after {
span.next::after {
content: ' ⇨';
}
......@@ -122,7 +126,6 @@ a.page-prev, a.page-next {
color: silver;
font-size: 1.1em;
white-space: nowrap;
overflow: hidden;
}
.slideshow-wrap {
......@@ -148,8 +151,9 @@ width: 100%;
padding: 0;
}
section>header>h1>a:link, section>header>h1>a:visited {
header>h1>a:link, header>h1>a:visited {
color: aqua;
text-align: left;
}
@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
......
html {
background-color: black; /*#404040;*/
}
#title {
border-bottom: 0.2em solid grey;
padding: 0.1em 3%;
font-size: 120%;
font-variant: small-caps;
text-align: center;
min-height: 4em;
background-color: #0e3c57;
color: whitesmoke;
}
#title h1 {
border-bottom: 1px white solid;
letter-spacing: 0.1em;
margin: 0;
}
#main {
/*margin-left: 15%;
float: right;
display: inline-block;*/
margin: 0 auto;
}
......@@ -20,36 +25,27 @@
list-style: none;
}
#main ul {
/*margin: 0 0 0.75em 0.75em;
padding: 0;*/
}
footer {
clear: both;
padding: 2%;
padding-bottom: 1%;
font-size: 90%;
border-top: 0.25em solid grey;
}
footer section {
display: flex;
footer.section {
border-radius: 0;
margin-bottom: 0;
}
#contact-comment {
display: none;
nav.top-level {
display: flex;
justify-content: center;
}
nav li {
margin-bottom: 0.1em;
nav.top-level a {
border-radius: 0.3em;
margin: 0.5em 1em;;
padding: 0.5em 0.5em;
background-color: #37474F;
color: white;
border-radius: 0.3em;
}
nav a {
text-decoration: none;
}
......@@ -61,21 +57,6 @@ footer img {
height: 1em;
}
#vim-proposal {
text-align: center;
padding: 1em;
float: right;
}
#vim-proposal img {
border-radius: 1vw;
overflow: hidden;
}
html {
background-color: black; /*#404040;*/
}
body {
font-family: 'Ubuntu Mono', 'Ubuntu', 'Roboto', 'Droid Mono', 'Droid', 'Verdana', sans;
/*font-size: 16px;*/
......@@ -87,9 +68,6 @@ body {
/* width: 60em;*/
min-height: 100vh;
}
h1 {
margin-top: 0;
}
code {
font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
......@@ -179,22 +157,28 @@ sup {
}
@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
#title h1 {
display: inline-flex;
align-items: center;
max-height: 3em;
padding: 0 1em;
}
#title h1 a {
margin: 0.5em;
}
img#face {
padding-top: 1em;
height: 3.5em;
}
nav {
padding-top: 1%;
font-size: 1.2em;
text-align: center;
height: 100%;
/*width: 10em;
max-width: 18vw;*/
}
nav ul {
padding: 0;
}
nav li {
display: inline-block;
nav a {
width: 6em;
}
nav li:hover {
nav a:hover {
box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
}
......@@ -210,30 +194,25 @@ sup {
@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
body {
font-size: 5vw;
text-align: center;
}
#title h1 {
margin: 0.2em;
padding-bottom: 0.5em;
}
nav {
/* min-height: 42em;*/
flex-direction: column;
text-align: center;
}
nav ul {
padding: 0;
}
nav li {
list-style: none;
margin: 0.2em;
}
body {
text-align: center;
nav.top-level a {
margin-bottom: 0;
}
section, .section {
text-align: justify;
text-align: left;
margin-top: 2em;
}
......@@ -243,16 +222,6 @@ sup {
margin: 0 auto;
}
nav ul li {
margin-bottom: 0.5em;
}
#vim-proposal img {
margin-top: 1em;
margin-bottom: 1em;
width: 100%;
}
.rss {
float: right;
text-align: center;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment