Skip to content

Commit 827668a

Browse files
rrmerugurrmerugu
committed
blog and tutorials design done
1 parent 3629913 commit 827668a

14 files changed

+237
-183
lines changed

‎_includes/blog.html

+12-33
Original file line numberDiff line numberDiff line change
@@ -1,40 +1,19 @@
11
<style>
2-
.card {
3-
border-radius: 0;
4-
margin-top: 20px;
5-
border-color: transparent;
6-
}
72

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-
}
263
</style>
27-
<div class="card">
28-
<div class="card-body p-0">
4+
<div class="card blog-card pt-0">
5+
<div class="card-body p-0 m-0">
296
<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-
7+
<div class="col-md-12">
8+
<a href="{{ post.url}}" class="ignore-link-hover">
9+
<h3>{{ post.title }}</h3>
10+
<img src="{{post.hero_image}}" alt="" class="img-fluid mb-2">
11+
<p class="mb-1 abstract-text">{{post.abstract}}</p>
12+
<p class=" text-muted ">{{ post.date | date: "%B %d, %Y" }}, By {% for author in
13+
post.authors %}
14+
<span class="text-dark mr-3">{{author}} </span>
15+
{% endfor %}</p>
16+
</a>
3817
</div>
3918
</div>
4019
</div>

‎_includes/header.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@
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.html">Blog</a>
39-
<a class="dropdown-item" href="#">Tutorials</a>
38+
<a class="dropdown-item" href="/blogs">Blog</a>
39+
<a class="dropdown-item" href="/tutorials">Tutorials</a>
4040
<!-- <a class="dropdown-item" href="#">Something else here</a>-->
4141
</div>
4242
</li>
@@ -48,7 +48,7 @@
4848
<!-- </a>-->
4949
<!-- </li>-->
5050
<li class="nav-item">
51-
<a class="nav-link nav-item mr-2" href="/support.html">
51+
<a class="nav-link nav-item mr-2" href="/support">
5252
<!-- <i class="far fa-question-circle"></i> -->
5353
Support
5454
</a>
@@ -71,12 +71,12 @@
7171
<!-- <span class="nav-link nav-item mr-2">|</span>-->
7272
<!-- </li>-->
7373
<li class="nav-item">
74-
<a class="nav-link nav-item mr-2 btn btn-outline-secondary" href="/get-started.html">
74+
<a class="nav-link nav-item mr-2 btn btn-outline-secondary" href="/get-started">
7575
Get Started
7676
</a>
7777
</li>
7878
<li class="nav-item">
79-
<a class="nav-link nav-item mr-2 btn btn-success" href="/contact.html">
79+
<a class="nav-link nav-item mr-2 btn btn-success" href="/contact">
8080
Request Demo
8181
</a>
8282
</li>

‎_includes/help-videos.html renamed to ‎_includes/tutorials-videos.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div class="col-md-12 mb-3">
44

55
<div class="card mb-3">
6-
<div class="card-body">
6+
<div class="card-body p-3">
77
<h4 class="pb-2" style="border-bottom:1px solid #d9d9d9">Get Started</h4>
88
{% for item in site.help %}
99
{% if item.path contains 'get-started' %}
@@ -22,7 +22,7 @@ <h6 class=" mt-3">{{ item.title }}</h6>
2222
<div class="row">
2323
<div class="col-md-12 mb-3">
2424
<div class="card mb-3">
25-
<div class="card-body">
25+
<div class="card-body p-3">
2626
<h4 class="pb-2" style="border-bottom:1px solid #d9d9d9">Tutorials</h4>
2727
{% for item in site.help %}
2828
{% if item.path contains 'tutorial' %}

‎_layouts/blog-detail.html

+7-11
Original file line numberDiff line numberDiff line change
@@ -2,24 +2,20 @@
22
layout: default
33
---
44
<style>
5-
h1 {
6-
font-weight: 700;
7-
}
5+
86

97
.hero-image {
108
margin-bottom: 40px;
119
}
1210
</style>
13-
<div class="container">
11+
<div class="container page-header-section">
1412
<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>
13+
<div class="col-md-12 ">
1714
<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>
15+
<p class="post-date text-muted mb-1">
16+
{{ page.date | date: "%B %d, %Y" }}, By {% for author in page.authors %}
17+
<span class="text-dark mr-3">{{author}} </span>
18+
{% endfor %}</p>
2319
<hr>
2420
</div>
2521
</div>

‎_layouts/help-detail.html renamed to ‎_layouts/support-detail.html

+3-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
layout: default
33
---
44

5-
<div class="container mt-3">
5+
<div class="container page-header-section">
66
<div class="row">
77
<div class="col-md-8">
88
<h1 class="mt-5">{{page.title}}</h1>
@@ -18,8 +18,8 @@ <h1 class="mt-5">{{page.title}}</h1>
1818

1919
{{ content }}
2020
</div>
21-
<div class="col-md-4">
22-
{% include help-videos.html %}
21+
<div class="col-md-4 pt-5">
22+
{% include tutorials-videos.html %}
2323
</div>
2424

2525
</div>

‎blog.html

-52
This file was deleted.

‎blogs.html

+52
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 knowledge graphs.</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>

‎collections/_help/get-started/intro-to-knowledge-graphs.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: help-detail
2+
layout: support-detail
33
title: Intro to Knowledge Graphs with Invana
44
slug: intro-to-knowledge-graphs
55
description: Introduction on how to build and explore knowledge graphs with Invana.

‎collections/_help/tutorial/_graph-of-gods-example.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: help-detail
2+
layout: support-detail
33
title: Graph of Gods Example
44
slug: graph-of-gods-example
55
description: Basic example of knowledge graph using graph of gods example

‎collections/_help/tutorial/_knowledge-graph-with-twitter-data.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
layout: help-detail
2+
layout: support-detail
33
title: Build Knowledge graphs in realtime with Twitter data
44
slug: knowledge-graph-with-twitter-data
55
description: Connect to twitter data streams; model and build knowlede graph

‎index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<div class="container">
99
<div class="row">
1010
<div class="col-md-5 ">
11-
<h1>Model and Build Knowledge Graphs <br><span>with Invana</span></h1>
11+
<h1>Model, Build and Explore Knowledge Graphs <span>with Invana</span></h1>
1212
<p>We help people explore, analyse and find insights
1313
from data using the power of Knowledge Graphs.</p>
1414
<div class="clearfix"></div>

‎public/styles/main.css

+51-3
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ html, body {
1717
height: 100%;
1818
font-size: 16px;
1919
line-height: 1.6rem;
20-
color: #343434;
20+
color: #1d1d1d;
2121
font-family: 'DM Sans', sans-serif;
2222
}
2323

@@ -287,12 +287,60 @@ blockquote p {
287287
margin-bottom: 5px;
288288
}
289289

290-
.page-header-section{
290+
.page-header-section {
291291
border-bottom: 1px solid #efefef;
292292
padding-bottom: 10px;
293+
margin-bottom: 1rem;
293294
}
294-
.page-header-section h1{
295+
296+
.page-header-section h1 {
295297
font-size: 1.6rem;
296298
font-weight: bold;
297299
margin-top: 4rem;
300+
}
301+
302+
.ignore-link-hover:hover {
303+
color: inherit !important;
304+
text-decoration: none;
305+
}
306+
307+
.ignore-link-hover img:hover {
308+
opacity: 0.8;
309+
}
310+
311+
312+
/* cards */
313+
314+
315+
.card.blog-card {
316+
border-radius: 0;
317+
/*margin-top: 20px;*/
318+
border-color: transparent;
319+
}
320+
321+
.card.blog-card h3 {
322+
font-size: 22px;
323+
font-weight: 700;
324+
margin-top: .5rem;
325+
}
326+
327+
.card.blog-card h3 a {
328+
color: #343434;
329+
}
330+
331+
.card.blog-card .abstract-text {
332+
color: #1d1d1d;
333+
}
334+
335+
.card.blog-card img {
336+
/*margin: -20px -20px 20px -20px;*/
337+
/*max-width: calc(100% + 40px) !important;*/
338+
}
339+
340+
/* cards ends here */
341+
342+
343+
.card h4 {
344+
font-size: 1.2rem;
345+
font-weight: bold;
298346
}

0 commit comments

Comments
 (0)