Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bootstrapify #4

Merged
merged 11 commits into from
Nov 1, 2020
Merged

bootstrapify #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
9377ea1
adding boostrap
nipeshkc7 Nov 1, 2020
004189d
updating navbar
nipeshkc7 Nov 1, 2020
9d42cb5
containerising
nipeshkc7 Nov 1, 2020
3f1db8f
change badge style
nipeshkc7 Nov 1, 2020
0ca1b5a
improved container margin
nipeshkc7 Nov 1, 2020
2f504f9
adding emojis
nipeshkc7 Nov 1, 2020
9060d49
added stylings
nipeshkc7 Nov 1, 2020
ca3ea4a
adding social links
nipeshkc7 Nov 1, 2020
4088e3a
changing meta
nipeshkc7 Nov 1, 2020
e85b8d2
update about me
nipeshkc7 Nov 1, 2020
e6abdb9
delete old css
nipeshkc7 Nov 1, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions _data/metadata.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"title": "Watch me struggle",
"title": "Arpan's Blog",
"url": "https://blog.arpankc.com/",
"description": "Welcome to My Blog, Built with <3 and 11ty",
"feed": {
Expand All @@ -14,7 +14,7 @@
},
"author": {
"name": "Arpan KC",
"email": "nipeshkc7@gmail.com",
"email": "arpnkc@gmail.com",
"url": "https://blog.arpankc.com/about-me/"
}
}
35 changes: 22 additions & 13 deletions _includes/layouts/base.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,35 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ title or metadata.title }}</title>
<meta name="description" content="{{ description or metadata.description }}">

<link rel="stylesheet" href="{{ '/css/index.css' | url }}">
<link rel="stylesheet" href="{{ '/css/prism-base16-monokai.dark.css' | url }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="alternate" href="{{ metadata.feed.path | url }}" type="application/atom+xml" title="{{ metadata.title }}">
<link rel="alternate" href="{{ metadata.jsonfeed.path | url }}" type="application/json" title="{{ metadata.title }}">
<link rel="icon" href="./img/icon.png">
<link href="css/fontawesome-free/css/all.min.css" rel="stylesheet">
</head>
<body>
<header>
<h1 class="home"><a href="{{ '/' | url }}">{{ metadata.title }}</a></h1>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="{{ '/' | url }}">{{ metadata.title }}</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

{#- Read more about `eleventy-navigation` at https://www.11ty.dev/docs/plugins/navigation/ #}
<ul class="nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item{% if entry.url == page.url %} nav-item-active{% endif %}"><a href="{{ entry.url | url }}">{{ entry.title }}</a></li>
{%- endfor %}
</ul>
</header>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<ul class="navbar-nav">
{%- for entry in collections.all | eleventyNavigation %}
<li class="nav-item{% if entry.url == page.url %} {% endif %}"><a class="nav-link" href="{{ entry.url | url }}">{{ entry.title }}</a></li>
{%- endfor %}
</ul>
</div>
</div>
</nav>

<main{% if templateClass %} class="{{ templateClass }}"{% endif %}>
<main{% if templateClass %} class="{{ templateClass }} container"{% endif %} style="margin-top:2em">
{{ content | safe }}
</main>

Expand Down
6 changes: 3 additions & 3 deletions _includes/postslist.njk
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
<ol reversed class="postlist" style="counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }}">
<ul reversed class="postlist" style="counter-reset: start-from {{ (postslistCounter or postslist.length) + 1 }}">
{% for post in postslist | reverse %}
<li class="postlist-item{% if post.url == url %} postlist-item-active{% endif %}">
<a href="{{ post.url | url }}" class="postlist-link">{% if post.data.title %}{{ post.data.title }}{% else %}<code>{{ post.url }}</code>{% endif %}</a>
<time class="postlist-date" datetime="{{ post.date | htmlDateString }}">{{ post.date | readableDate }}</time>
{% for tag in post.data.tags %}
{%- if collections.tagList.indexOf(tag) != -1 -%}
{% set tagUrl %}/tags/{{ tag }}/{% endset %}
<a href="{{ tagUrl | url }}" class="post-tag">{{ tag }}</a>
<a href="{{ tagUrl | url }}" class="post-tag badge badge-danger">{{ tag }}</a>
{%- endif -%}
{% endfor %}
</li>
{% endfor %}
</ol>
</ul>
6 changes: 4 additions & 2 deletions about/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,11 @@ eleventyNavigation:
order: 3
---

Full Stack Developer Passionate about working with Web Technologies and building high quality software.
<img src="/img/arpankc.png" alt="arpan-kc-picture" style="width:20em;border-radius:15px;margin-bottom:1em;">

Here's links to my social accounts.
I'm Arpan, a Full Stack Developer passionate about working with Web Technologies and building high quality software. Experienced in Node.js, React and Vue.js and cloud services including GCP and AWS.

You can follow me via:

* [GitHub](https://github.com/nipeshkc7)
* [Linked-in](https://www.linkedin.com/in/arpan-kc7/)
Expand Down
Loading