-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
120 lines (108 loc) · 5.53 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
---
layout: default
excerpt: I'm Mukil. A Web Developer and Tech Enthusiast. Know more about me, my works and posts.
---
<span ng-init="currentNavItem=''"></span>
<md-grid-list
md-cols="1" md-cols-sm="2" md-cols-gt-sm="4" md-cols-gt-md="4"
md-cols-gt-lg="6" md-row-height-gt-md="1:1" md-row-height="1:1"
md-row-height-xs="4:3"
md-gutter="8px" md-on-layout="show($event)" ng-hide="gridLay">
<md-grid-tile md-rowspan="2" md-colspan="4"
md-colspan-sm="2" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'blue-grey-700'}"
md-ink-ripple="true" ng-click="navigate('/about/');">
<tile image="/assets/about.svg" size="100% !important">
<tile-header tag="Know who I am & what am I upto">About Me</tile-header>
<tile-footer>About Me</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="2" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'orange-600'}"
md-ink-ripple="true" ng-click="navigate('/portfolio/')">
<tile image="/assets/code.svg" opacity="0.87">
<tile-header tag="Collection of some of my projects">My Projects</tile-header>
<tile-footer>Experience</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
class="tle" md-colors="{background: 'green-400'}"
md-ink-ripple="true" ng-click="navigate('{% link _posts/2017-02-15-google-top-contributor.md %}');">
<tile image="/assets/tc-badge.png" pos="90% 50%" opacity="0.87" size="150px" class="tile-right">
<tile-header tag="Google Play Help Forum">Google Top Contributor</tile-header>
<tile-footer>Community</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
class="tle" md-colors="{background: 'grey-900'}"
md-ink-ripple="true" ng-click="navigate('/opensource/');">
<tile image="/assets/github.svg" opacity="0.87" pos="90% 50%" size='150px' class="tile-right">
<tile-header tag="How opensource changed my career">I love Opensource</tile-header>
<tile-footer>OpenSource</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
class="tle" md-colors="{background: 'brown-700'}"
md-ink-ripple="true" ng-click="navigate('{% link _posts/2017-01-08-freecodecamp.md %}')">
<tile image="/assets/fcc.svg" opacity="0.87" size="150px" pos="90% 50%" class="tile-right">
<tile-header tag="Being a student at FCC">Free Code Camp</tile-header>
<tile-footer>Community</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="2" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'teal-500'}"
md-ink-ripple="true" ng-click="navigate('/articles/arduino/')">
<tile image="/assets/arduino.svg" opacity="1" size="250px">
<tile-header tag="Into the world of Physical Computing">Arduino</tile-header>
<tile-footer>Curiosity</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
class="tle" md-colors="{background: 'amber-500'}"
md-ink-ripple="true" ng-click="navigate('/certificates/')">
<tile image="/assets/medal.svg" pos="90% 50%" size="150px" opacity="0.87" class="tile-right">
<tile-header tag="Certificates that I earned">Certificates</tile-header>
<tile-footer>Achievements</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="2" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'pink-600'}"
md-ink-ripple="true" ng-click="navigate('/articles/raspberrypi/')">
<tile image="/assets/raspberrypi.svg" opacity="0.87" size="250px">
<tile-header tag="Building a Smart Home with credit-card sized computer">Raspberry Pi</tile-header>
<tile-footer>Passion</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'deep-purple-600'}"
md-ink-ripple="true" ng-click="navigate('/articles/scouting/')">
<tile image="/assets/scout-logo.svg" opacity="0.87" size="150px" pos="90% 50%" class="tile-right">
<tile-header tag="Me as a Scout">Scouting</tile-header>
<tile-footer>Passion</tile-footer>
</tile>
</md-grid-tile>
<md-grid-tile md-rowspan="1" md-colspan="2"
md-colspan-sm="1" md-colspan-xs="1"
md-rowspan-sm="1" md-rowspan-xs="1"
class="tle" md-colors="{background: 'cyan-900'}"
md-ink-ripple="true" ng-click="navigate('/extra/')">
<tile image="/assets/extra.svg" opacity="0.87" size="150px" pos="90% 50%" class="tile-right">
<tile-header tag="My hobbies">Extras</tile-header>
<tile-footer>Passion</tile-footer>
</tile>
</md-grid-tile>
</md-grid-list>
{% include sendMessage.html %}