Skip to content

Commit 3629913

Browse files
committed
new updates
1 parent 520d00d commit 3629913

File tree

7 files changed

+161
-4
lines changed

7 files changed

+161
-4
lines changed

_config.yml

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ kramdown:
3838
default_lang: html
3939
css_class : 'syntax'
4040

41-
#permalink: /:categories/:title
41+
permalink: /:categories/:title
4242

4343
collections_dir: collections
4444

@@ -48,6 +48,9 @@ collections:
4848
help:
4949
output: true
5050
permalink: /help/:title
51+
blog:
52+
output: true
53+
permalink: /blog/:title
5154
# help:
5255
# output: true
5356
# graph-explorer:

_includes/blog.html

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<style>
2+
.card {
3+
border-radius: 0;
4+
margin-top: 20px;
5+
border-color: transparent;
6+
}
7+
8+
.card h3 {
9+
font-size: 22px;
10+
font-weight: 700;
11+
margin-top: .5rem;
12+
}
13+
14+
.card h3 a {
15+
color: #343434;
16+
}
17+
18+
.card .abstract-text {
19+
color: #565656;
20+
}
21+
22+
.card img {
23+
/*margin: -20px -20px 20px -20px;*/
24+
/*max-width: calc(100% + 40px) !important;*/
25+
}
26+
</style>
27+
<div class="card">
28+
<div class="card-body p-0">
29+
<div class="row">
30+
<div class="col-md-8">
31+
<h3><a href="{{ post.url}}">{{ post.title }}</a></h3>
32+
<p class="mb-1 abstract-text">{{post.abstract}}</p>
33+
<p class="post-date text-muted small ">{{ post.date | date: "%B %d, %Y" }}</p>
34+
</div>
35+
<div class="col-md-4">
36+
<img src="{{post.hero_image}}" alt="" class="img-fluid">
37+
38+
</div>
39+
</div>
40+
</div>
41+
</div>

_includes/header.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
<a class="nav-link dropdown-toggle" href="https://example.com" id="resources-dropdown"
3636
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Learn</a>
3737
<div class="dropdown-menu" aria-labelledby="resources-dropdown">
38-
<a class="dropdown-item" href="#">Blog</a>
38+
<a class="dropdown-item" href="/blog.html">Blog</a>
3939
<a class="dropdown-item" href="#">Tutorials</a>
4040
<!-- <a class="dropdown-item" href="#">Something else here</a>-->
4141
</div>

_layouts/blog-detail.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
layout: default
3+
---
4+
<style>
5+
h1 {
6+
font-weight: 700;
7+
}
8+
9+
.hero-image {
10+
margin-bottom: 40px;
11+
}
12+
</style>
13+
<div class="container">
14+
<div class="row">
15+
<div class="col-md-12 mt-5">
16+
<p class="post-date text-muted mb-1">{{ page.date | date: "%B %d, %Y" }}</p>
17+
<h1>{{ page.title }}</h1>
18+
<p class="text-muted">By
19+
{% for author in page.authors %}
20+
<span class="text-dark">{{author}}, </span>
21+
{% endfor %}
22+
</p>
23+
<hr>
24+
</div>
25+
</div>
26+
<div class="row">
27+
<div class="col-md-8" style="min-height: 400px">
28+
<img src="{{page.hero_image}}" class="img-fluid hero-image" alt="">
29+
{{ content }}
30+
</div>
31+
<div class="col-md-4">
32+
33+
</div>
34+
</div>
35+
</div>
36+
37+

blog.html

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
---
2+
layout: default
3+
title: Blog - Updates and stories | Invana
4+
description: Official blog of Invana
5+
6+
---
7+
<style>
8+
9+
</style>
10+
<section>
11+
<div class="container page-header-section">
12+
<div class="row">
13+
<div class="col-md-12">
14+
<h1>Invana Blog</h1>
15+
<p>Product updates, our learnings, tips and stories from the world of data.</p>
16+
</div>
17+
<div class="col-md-12">
18+
<ul class="nav">
19+
20+
<li class="nav-item">
21+
<a class="nav-link pl-0" href="#">Updates</a>
22+
</li>
23+
<li class="nav-item">
24+
<a class="nav-link" href="#">Use Cases</a>
25+
</li>
26+
<li class="nav-item ">
27+
<a class="nav-link " href="#">Research</a>
28+
</li>
29+
30+
31+
</ul>
32+
</div>
33+
</div>
34+
</div>
35+
</section>
36+
37+
<div class="container">
38+
39+
40+
<div class="row">
41+
<div class="col-md-8" style="min-height: 400px">
42+
{% for post in site.blog %}
43+
{% if post.post_type == 'default' %}
44+
{% include blog.html %}
45+
{% endif%}
46+
{% endfor %}
47+
</div>
48+
49+
</div>
50+
51+
52+
</div>
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
layout: blog-detail
3+
title: "Hello World!"
4+
categories: hello-world update
5+
post_type: default
6+
hero_image: /public/img/post-thestory/image.jpeg
7+
authors: ["Ravi Raja Merugu", ]
8+
abstract: We just launched our beta version of the website and we are really excited.
9+
permalink: /blog/:title:output_ext
10+
11+
---

public/styles/main.css

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -88,9 +88,11 @@ main {
8888
font-weight: bold;
8989
font-size: 2.2rem;
9090
}
91-
.homepage-banner img{
91+
92+
.homepage-banner img {
9293
margin-top: 10%;
9394
}
95+
9496
.navbar-light {
9597
border-bottom: 1px solid #dcdcdc;
9698
/*padding-bottom: 0;*/
@@ -113,7 +115,8 @@ main {
113115
text-transform: uppercase;
114116
font-size: 14px;
115117
}
116-
.blog-menu .nav-link.btn-success{
118+
119+
.blog-menu .nav-link.btn-success {
117120
color: white !important;
118121
}
119122

@@ -282,4 +285,14 @@ blockquote p {
282285
border-radius: 2px;
283286
display: block;
284287
margin-bottom: 5px;
288+
}
289+
290+
.page-header-section{
291+
border-bottom: 1px solid #efefef;
292+
padding-bottom: 10px;
293+
}
294+
.page-header-section h1{
295+
font-size: 1.6rem;
296+
font-weight: bold;
297+
margin-top: 4rem;
285298
}

0 commit comments

Comments
 (0)