Skip to content

W
web
Commit 595721ff authored by Murukesh Mohanan's avatar Murukesh Mohanan
Browse files
Options

style updates; added pic

parent b2f5d383
Pipeline #1267 failed with stage
    Hide whitespace changes
    Inline Side-by-side
    Showing with 73 additions and 141 deletions
    _config.yml
    View file @ 595721ff
    name: Murukesh Mohanan name: Murukesh Mohanan
    base-url: "" base-url: ""
    timezone: Asia/Kolkatta timezone: Asia/Kolkatta
    url: https://murukesh.me url: https://muru.dev
    enforce_ssl: murukesh.me enforce_ssl: muru.dev
    section_separator: "<!-- section -->" section_separator: "<!-- section -->"
    plugins: plugins:
    ......
    _layouts/default.html
    View file @ 595721ff
    <!doctype html> <!DOCTYPE html>
    <html lang="en"> <html lang="en">
    <head> <head>
    <!-- If you want to fix the weird fonts on Chrome or Firefox <!-- If you want to fix the weird fonts on Chrome or Firefox
    ...@@ -26,7 +26,6 @@ ...@@ -26,7 +26,6 @@
    {% endif %} {% endif %}
    <!-- Web Fonts FTW! --> <!-- Web Fonts FTW! -->
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Ubuntu">
    <meta property="fb:app_id" content="658633094275731"/>
    {% if page.description %} {% if page.description %}
    <meta name="description" content="{{ page.description }}"> <meta name="description" content="{{ page.description }}">
    {% endif %} {% endif %}
    ...@@ -38,38 +37,32 @@ ...@@ -38,38 +37,32 @@
    </head> </head>
    <body> <body>
    <header id="title"> <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 Murukesh Mohanan
    </h1> </a>
    </a> </h1>
    </header> </header>
    <nav> <nav class="top-level">
    <ul> {% for page in site.pages_list %}
    {% for page in site.pages_list %}
    <a href="{{ site.base-url }}/{{ page[1] }}#main"> <a href="{{ site.base-url }}/{{ page[1] }}#main">
    <li> {{ page[0] }}
    {{ page[0] }}
    </li>
    </a> </a>
    {% endfor %} {% endfor %}
    </ul>
    </nav> </nav>
    <article id="main"> <article id="main">
    {{ content }} {{ content }}
    </article> </article>
    <footer> <footer class="section">
    <section>
    <!-- Copyleft FTW! --> <!-- Copyleft FTW! -->
    <div>
    <img src="{{ site.base-url }}/images/Copyleft.png" style="height: 1em;" alt="copyleft"> Murukesh Mohanan. <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>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> <p>The font used here is the Ubuntu font, via Google Web Fonts. Written with Jekyll.
    </div> Hosted using <a href="https://gitlab.com/murukesh/murukesh.gitlab.io">Gitlab</a> and Cloudflare. SSL certificates from Cloudflare and Let's Encrypt. </p>
    </section>
    </footer> </footer>
    </body> </body>
    </html> </html>
    _layouts/post.html
    View file @ 595721ff
    ...@@ -30,50 +30,15 @@ pagestyle: posts ...@@ -30,50 +30,15 @@ pagestyle: posts
    </section> </section>
    {% endfor %} {% endfor %}
    <section class="page-links"> <nav class="page-links section">
    {% if page.previous %} {% if page.previous %}
    <a class="page-prev" href="{{ site.base-url }}{{ page.previous.url }}" title="{{ page.previous.title }}"> <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> </a>
    {% endif %} {% endif %}
    {% if page.next %} {% if page.next %}
    <a class="page-next" href="{{ site.base-url }}{{ page.next.url }}" title="{{ page.next.title }}"> <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> </a>
    {% endif %} {% endif %}
    </section> </nav>
    <!-- <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>
    blog/index.html
    View file @ 595721ff
    ...@@ -30,15 +30,16 @@ layout: default ...@@ -30,15 +30,16 @@ layout: default
    </section> </section>
    {% endfor %} {% endfor %}
    <section class="page-links"> <nav class="page-links section">
    {% if paginator.next_page %} {% if paginator.next_page %}
    <a class="page-prev" href="{{ site.base-url }}{{ paginator.next_page_path }}"> <a class="page-prev" href="{{ site.base-url }}{{ paginator.next_page_path }}">
    Older: {{ paginator.next_page }} / {{ paginator.total_pages }} Older: {{ paginator.next_page }} / {{ paginator.total_pages }}
    </a> </a>
    {% endif %} {% endif %}
    {% if paginator.previous_page %} {% if paginator.previous_page %}
    <a class="page-next" href="{{ site.base-url }}{{ paginator.previous_page_path }}"> <a class="page-next" href="{{ site.base-url }}{{ paginator.previous_page_path }}">
    Newer: {{ paginator.previous_page }} / {{ paginator.total_pages }} Newer: {{ paginator.previous_page }} / {{ paginator.total_pages }}
    </a> </a>
    {% endif %} {% endif %}
    </section> </nav>
    css/posts.css
    View file @ 595721ff
    ...@@ -93,27 +93,31 @@ From http://drewsilcock.co.uk/proper-linenumbers/ ...@@ -93,27 +93,31 @@ From http://drewsilcock.co.uk/proper-linenumbers/
    overflow: auto; overflow: auto;
    } }
    section.page-links { nav.page-links {
    overflow: auto; overflow: auto;
    text-align: center; text-align: center;
    clear: both; display: flex;
    justify-content: space-between;
    } }
    a.page-prev { a.page-prev {
    text-align: left; text-align: left;
    text-overflow: ellipsis; text-overflow: ellipsis;
    flex-grow: 1;
    } }
    a.page-next { a.page-next {
    text-align: right; text-align: right;
    text-overflow: ellipsis;
    flex-grow: 1;
    /* text-overflow: '… ⇨ ';*/ /* text-overflow: '… ⇨ ';*/
    } }
    a.page-prev::before { span.prev::before {
    content: '⇦ '; content: '⇦ ';
    } }
    a.page-next::after { span.next::after {
    content: ' ⇨'; content: ' ⇨';
    } }
    ...@@ -122,7 +126,6 @@ a.page-prev, a.page-next { ...@@ -122,7 +126,6 @@ a.page-prev, a.page-next {
    color: silver; color: silver;
    font-size: 1.1em; font-size: 1.1em;
    white-space: nowrap; white-space: nowrap;
    overflow: hidden;
    } }
    .slideshow-wrap { .slideshow-wrap {
    ...@@ -148,8 +151,9 @@ width: 100%; ...@@ -148,8 +151,9 @@ width: 100%;
    padding: 0; padding: 0;
    } }
    section>header>h1>a:link, section>header>h1>a:visited { header>h1>a:link, header>h1>a:visited {
    color: aqua; color: aqua;
    text-align: left;
    } }
    @media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) { @media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
    ......
    css/style.css
    View file @ 595721ff
    html {
    background-color: black; /*#404040;*/
    }
    #title { #title {
    border-bottom: 0.2em solid grey;
    padding: 0.1em 3%; padding: 0.1em 3%;
    font-size: 120%; font-size: 120%;
    font-variant: small-caps; font-variant: small-caps;
    text-align: center; text-align: center;
    min-height: 4em; min-height: 4em;
    background-color: #0e3c57;
    color: whitesmoke; color: whitesmoke;
    } }
    #title h1 {
    border-bottom: 1px white solid;
    letter-spacing: 0.1em;
    margin: 0;
    }
    #main { #main {
    /*margin-left: 15%;
    float: right;
    display: inline-block;*/
    margin: 0 auto; margin: 0 auto;
    } }
    ...@@ -20,36 +25,27 @@ ...@@ -20,36 +25,27 @@
    list-style: none; list-style: none;
    } }
    #main ul {
    /*margin: 0 0 0.75em 0.75em;
    padding: 0;*/
    }
    footer { footer {
    clear: both;
    padding: 2%;
    padding-bottom: 1%;
    font-size: 90%; font-size: 90%;
    border-top: 0.25em solid grey; border-top: 0.25em solid grey;
    } }
    footer section { footer.section {
    display: flex; border-radius: 0;
    margin-bottom: 0;
    } }
    #contact-comment { nav.top-level {
    display: none; display: flex;
    justify-content: center;
    } }
    nav li { nav.top-level a {
    margin-bottom: 0.1em; border-radius: 0.3em;
    margin: 0.5em 1em;;
    padding: 0.5em 0.5em; padding: 0.5em 0.5em;
    background-color: #37474F; background-color: #37474F;
    color: white; color: white;
    border-radius: 0.3em;
    }
    nav a {
    text-decoration: none; text-decoration: none;
    } }
    ...@@ -61,21 +57,6 @@ footer img { ...@@ -61,21 +57,6 @@ footer img {
    height: 1em; 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 { body {
    font-family: 'Ubuntu Mono', 'Ubuntu', 'Roboto', 'Droid Mono', 'Droid', 'Verdana', sans; font-family: 'Ubuntu Mono', 'Ubuntu', 'Roboto', 'Droid Mono', 'Droid', 'Verdana', sans;
    /*font-size: 16px;*/ /*font-size: 16px;*/
    ...@@ -87,9 +68,6 @@ body { ...@@ -87,9 +68,6 @@ body {
    /* width: 60em;*/ /* width: 60em;*/
    min-height: 100vh; min-height: 100vh;
    } }
    h1 {
    margin-top: 0;
    }
    code { code {
    font-family: 'Ubuntu Mono', 'Droid Mono', monospace; font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
    ...@@ -179,22 +157,28 @@ sup { ...@@ -179,22 +157,28 @@ sup {
    } }
    @media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) { @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 { nav {
    padding-top: 1%;
    font-size: 1.2em; font-size: 1.2em;
    text-align: center; text-align: center;
    height: 100%; height: 100%;
    /*width: 10em;
    max-width: 18vw;*/
    }
    nav ul {
    padding: 0;
    } }
    nav li { nav a {
    display: inline-block;
    width: 6em; width: 6em;
    } }
    nav li:hover { nav a:hover {
    box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75); box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
    } }
    ...@@ -210,30 +194,25 @@ sup { ...@@ -210,30 +194,25 @@ sup {
    @media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) { @media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
    body { body {
    font-size: 5vw; font-size: 5vw;
    text-align: center;
    } }
    #title h1 { #title h1 {
    margin: 0.2em; margin: 0.2em;
    padding-bottom: 0.5em;
    } }
    nav { nav {
    /* min-height: 42em;*/ flex-direction: column;
    text-align: center; text-align: center;
    } }
    nav ul {
    padding: 0;
    }
    nav li {
    list-style: none;
    margin: 0.2em;
    }
    body { nav.top-level a {
    text-align: center; margin-bottom: 0;
    } }
    section, .section { section, .section {
    text-align: justify; text-align: left;
    margin-top: 2em; margin-top: 2em;
    } }
    ...@@ -243,16 +222,6 @@ sup { ...@@ -243,16 +222,6 @@ sup {
    margin: 0 auto; margin: 0 auto;
    } }
    nav ul li {
    margin-bottom: 0.5em;
    }
    #vim-proposal img {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    }
    .rss { .rss {
    float: right; float: right;
    text-align: center; 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