-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (93 loc) · 3.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
---
layout: default
---
<section class="mast">
<header class="mast__header">
<h1>{{site.title}}</h1>
<span>{{site.description}}</span>
</header>
<div class="mast__img bg-grey">
<div class="absolute-bg" style="background-image: url('/assets/images/mast.jpg');"></div>
</div>
</section>
<section id="about" class="section-padding bg-grey">
<div class="grid">
<div class="about">
<p class="about__text wow fadeInUp" data-wow-delay="300ms">
I like to do stuff with javascript and mongodb. Currently playing with MeteorJs and deploying on Clever cloud
</p>
</div>
<div id="instafetch" class="container-triple"></div>
</div>
</section>
<section id="social" class="section-padding bg-white">
<div class="grid">
<h1 class="section-header"></h1>
<div class="about">
<p class="about__text wow fadeInUp" data-wow-delay="300ms">
{% if site.email or site.social %}
<ul class="section__social">
{% for social in site.social %}
<li><a class="fa fa-lg fa-{{ social[0] }}" href="{{ social[1] }}" target="_blank"></a></li>
{% endfor %}
</ul>
{% endif %}
</p>
</div>
</div>
</section>
<section>
</section>
<!-- <section id="portfolio" class="section-padding bg-alpha">
<div class="grid--double">
<h1 class="section-header">Portfolio</h1>
<div class="portfolio-carousel owl-carousel wow fadeIn">
<div>
<figure>
<img src="/assets/images/portfolio-1.png" alt="Portfolio Item"/>
</figure>
</div>
<div>
<figure>
<img src="/assets/images/portfolio-2.png" alt="Portfolio Item"/>
</figure>
</div>
<div>
<figure>
<img src="/assets/images/portfolio-3.png" alt="Portfolio Item"/>
</figure>
</div>
</div>
</div>
</section> -->
<!-- <section id="blog" class="section-padding bg-white">
<div class="grid">
<h1 class="section-header">Blog</h1>
<ul class="container-double" itemscope itemtype="http://schema.org/Blog">
{% for post in site.posts limit:6 %}
<li class="preview" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
<a class="preview__link" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
<div class="preview__img bg-grey wow slideInUp">
<figure class="absolute-bg wow fadeIn" data-wow-delay="900ms" style="background-image: url('{{ post.image }}');"></figure>
</div>
<div class="preview__container bg-white">
<div>
<h2 class="wow fadeInUp" data-wow-delay="150ms" itemprop="name">{{ post.title }}</h2>
<p class="preview__excerpt wow fadeInUp" data-wow-delay="300ms" itemprop="description">{{ post.content | strip_html | truncatewords: 30 }}</p>
</div>
<time class="preview__date wow fadeInUp" data-wow-delay="450ms" itemprop="datePublished" datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time>
</div>
</a>
</li>
{% endfor %}
</ul>
<div class="container-btn">
<a class="btn" href="/archive">
<div>
<span>Read More</span>
<span>Read More</span>
</div>
</a>
</div>
</div>
</section> -->