-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.njk
42 lines (37 loc) · 4.53 KB
/
index.njk
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
---
layout: layouts/base-layout.njk
title: Abhishek Sisodiya
---
<div class="flex flex-no-wrap flex-col items-center justify-between min-h-screen">
<div class="flex flex-col items-center mt-12 lg:flex-row container-inner">
<div class="p-4 md:w-1/2 lg:w-2/5">
<img src="../assets/icons/me.jpg" alt="Abhishek's picture" class="rounded-tl-xxl rounded-br-xxl">
</div>
<div class="p-4 lg:w-3/5">
<h1 class="mb-3 text-4xl text-indigo-800 salt md:text-5xl font-extrabold">hello, i'm Abhishek!</h1>
<p class="mb-5 text-justify">I am currently doing my graduation from Gautam Buddha University, India.</p>
<p class="mb-5 text-justify">I like coding in python and experimenting with new technologies. I currently work as a python developer at <a href="https://www.estylo.in" target="_blank" rel="noopener" class="link">ESTYLO</a>, a fashion-tech company based in India.</p>
<p class="text-justify">Listening to music and editing photos are the things that I like to do in my spare time.</p>
</div>
</div>
<div class="flex flex-col overflow-hidden my-5 space-y-4 text-sm lg:space-y-0 lg:space-x-4 container-inner lg:flex-row">
{% for post in devto.posts %}
<a href="{{ post.url }}" class="group flex flex-col flex-shrink-0 justify-between p-5 transition duration-700 ease-out border-2 border-gray-300 dark:border-indigo-800 hover:border-indigo-800 rounded-xl lg:w-1/3">
<b class="text-gray-700 transition duration-700 ease-out dark:text-white group-hover:text-black">{{ post.title }}</b>
<div class="mt-3 text-xs text-gray-600 transition duration-700 ease-out group-hover:text-teal-400">
{% for tag in post.tag_list %}
<span class="mx-1">#{{ tag }}</span>
{% endfor %}
</div>
</a>
{% endfor %}
</div>
<div class="flex items-center content-end flex-col my-5">
<div class="flex mb-2 space-x-3">
<a href="https://www.facebook.com/asisodiya2421/" aria-label="Facebook" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="icon"><path d="M12 2C6.477 2 2 6.477 2 12c0 5.012 3.691 9.152 8.504 9.875v-7.227H8.03V12.02h2.473v-1.747c0-2.898 1.41-4.168 3.82-4.168 1.153 0 1.762.086 2.051.125v2.293H14.73c-1.02 0-1.378.97-1.378 2.063v1.434h2.996l-.407 2.628h-2.586v7.25C18.235 21.234 22 17.063 22 12c0-5.523-4.477-10-10-10zm0 0"/></svg></a>
<a href="https://www.linkedin.com/in/abhishek-sisodiya/" aria-label="Linkedin" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="icon"><path d="M19 3H5c-1.105 0-2 .895-2 2v14c0 1.105.895 2 2 2h14c1.105 0 2-.895 2-2V5c0-1.105-.895-2-2-2zM9 17H6.477v-7H9zM7.695 8.719c-.773 0-1.289-.516-1.289-1.203 0-.684.516-1.2 1.371-1.2.774 0 1.29.516 1.29 1.2 0 .687-.516 1.203-1.372 1.203zM18 17h-2.441v-3.824c0-1.059-.653-1.305-.895-1.305-.246 0-1.059.164-1.059 1.305V17h-2.523v-7h2.523v.977c.325-.57.977-.977 2.196-.977 1.222 0 2.199.977 2.199 3.176zm0 0"/></svg></a>
<a href="https://github.com/sisodiya2421" aria-label="Github" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="icon"><path d="M10.898 2.102c-4.597.5-8.296 4.199-8.796 8.699-.5 4.699 2.199 8.898 6.296 10.5.301.097.602-.102.602-.5v-1.602s-.398.102-.898.102c-1.403 0-2-1.2-2.102-1.903-.102-.398-.3-.699-.602-1C5.102 16.301 5 16.301 5 16.2 5 16 5.3 16 5.398 16 6 16 6.5 16.7 6.7 17c.5.8 1.102 1 1.403 1 .398 0 .699-.102.898-.2.102-.698.398-1.402 1-1.8-2.3-.5-4-1.8-4-4 0-1.102.5-2.2 1.2-3-.098-.2-.2-.7-.2-1.398 0-.403 0-1 .3-1.602 0 0 1.4 0 2.802 1.3.5-.198 1.199-.3 1.898-.3.7 0 1.398.102 2 .3C15.3 6 16.8 6 16.8 6c.2.602.2 1.2.2 1.602 0 .796-.102 1.199-.2 1.398.7.8 1.2 1.8 1.2 3 0 2.2-1.7 3.5-4 4 .602.5 1 1.398 1 2.3v2.598c0 .301.3.602.7.5 3.698-1.5 6.3-5.097 6.3-9.296 0-6-5.102-10.704-11.102-10zm0 0"/></svg></a>
<a href="mailto:[email protected]" aria-label="Mail" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" class="icon"><path d="M4 4c-.93 0-1.707.645-1.93 1.504L12 11.727l9.934-6.204A1.997 1.997 0 0020 4zM2 7.734V18c0 1.102.898 2 2 2h16c1.102 0 2-.898 2-2V7.758L12 14zm0 0"/></svg></a>
</div>
<div class="text-xs">Made with <a href="https://11ty.dev/" target="_blank" rel="noopener" class="link">11ty</a> and ♥ by Abhishek Sisodiya</div></div>
</div>