-
Notifications
You must be signed in to change notification settings - Fork 0
/
intro.html
110 lines (110 loc) · 5.22 KB
/
intro.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
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<script src="https://cdn.tailwindcss.com" type="text/javascript">
</script>
<title>
Default title
</title>
</head>
<body>
<div class="font-serif">
<div class="grid grid-cols-1 mx-3 lg:grid-cols-10 w-100 h-screen" id="navbar">
<div class="h-100 overflow-hidden justify-center flex flex-col text-center col-span-1">
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="/" id="Home">
Home
</a>
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="/posts" id="Posts">
Posts
</a>
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="/intro" id="About">
About
</a>
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="/sitemap.xml" id="Sitemap">
Sitemap
</a>
</div>
<div class="border-r-2 border-l-2 col-span-7 overflow-y-scroll" id="content">
<div class="border-b-2 my-2 p-3">
<h1 class="text-4xl font-bold">
Default title
</h1>
<div class="py-3 my-3 text-2xl font-semibold text-gray-500" id="summary">
</div>
<div class="px-2 py-5 text-gray-700">
</div>
</div>
<div class="px-3 py-2 my-2 mx-3 space-y-3 text-xl">
<h2 class="px-5 py-3 font-bold text-3xl" id="hey-there-this-is-anuran">
Hey there! This is Anuran! 👋
</h2>
<p class="px-5 py-4 text-lg font-red">
A generalist by nature, I love creating tools that people find value in- a habit built into me by the Open Source Communities and Organizations I am a part of. I love building robust, intelligent and privacy-focused systems that help people in various walks of life ❤️. I also love to contribute to causes that matter, just like Coronasafe. ✨
</p>
<p class="px-5 py-4 text-lg font-red">
My technical know-how is scattered across Blockchain/Web3, Data Science and Machine/Deep Learning, Full Stack Web Development, Inferential Statistics, and Natural Language Processing.
</p>
<p class="px-5 py-4 text-lg font-red">
I also love to write (as apparent from this long bio 😆) and am a part of quite a few communities - Tezos Developer's Community Vellore (Community Lead), DataKind Bengaluru (Junior Member), Indian Linux User's Group, Delhi (Member) being some of them.
</p>
<p class="px-5 py-4 text-lg font-red">
Got a new idea? Do hit me up!
</p>
<p class="px-5 py-1 text-lg font-red">
<a href="https://linktr.ee/anuranroy">
<strong>
See my Link Tree!
</strong>
</a>
</p>
<p class="px-5 py-1 text-lg font-red">
<a href="mailto:anuranroy02@gmail.com">
<strong>
Send me an Email!
</strong>
</a>
</p>
</div>
<div class="invisible py-5 my-5">
</div>
</div>
<div class="sticky top-0 bottom-0 h-screen justify-center content-center align-center object-center flex flex-col col-span-2 text-center m-3" id="meta">
<p class="flex justify-center items-center flex-col">
<img alt="Author Picture" class="rounded-full py-5 my-5" src="https://pbs.twimg.com/profile_images/1421779872364564482/vZljyGHa_400x400.jpg" width="30%"/>
<div class="text-2xl text-center font-bold">
About
</div>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium, accusamus explicabo a veritatis culpa, expedita quos illo quibusdam earum mollitia molestiae ducimus sed sunt sit. Magnam earum quia est a iure voluptatem eligendi excepturi placeat facilis. Quaerat explicabo omnis consequatur officiis amet fugiat laboriosam quibusdam. Voluptatem obcaecati quos minus nostrum voluptatum accusantium sequi, aliquam repellendus, recusandae mollitia esse consequatur quidem. Vero impedit natus accusamus nobis blanditiis rerum quo corporis necessitatibus dolores recusandae iusto, temporibus a itaque obcaecati quisquam illo alias cum. Quibusdam odio porro officia, eos magnam eligendi sit voluptate rerum ipsam cum perspiciatis deleniti saepe reiciendis quam blanditiis iure!
</p>
<p class="flex flex-col lg:columns-3 columns-1 py-5 my-5">
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="http://github.com/fossworx-labs/">
GitHub
</a>
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="http://www.linkedin.com/in/anuran-roy/">
LinkedIn
</a>
<a class="m-2 py-2 hover:bg-gray-800 hover:text-white rounded-md" href="http://twitter.com/AnuranRoy">
Twitter
</a>
</p>
</div>
</div>
<div class="fixed left-0 right-0 bottom-0 bg-gray-100 opacity-80 hover:opacity-100 p-3 align-center flex justify-center items-center flex-col" id="footer">
<span class="text-gray-700 text-center">
Using Blogtastic theme in
<a class="font-bold text-blue-500" href="https://github.com/anuran-roy/fossfolio">
FOSSfolio
</a>
. Made by
<a class="font-bold text-blue-500" href="https://linktr.ee/anuranroy">
Anuran
</a>
with 💙
</span>
</div>
</div>
</body>
</html>