├── favicon.ico
├── my-photo.jpg
├── .gitignore
├── _layouts
└── default.html
├── 404.html
├── _config.yml
├── _includes
├── head.html
└── header.html
├── LICENSE
├── css
├── remple.css
└── main.css
├── README.md
└── index.md
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tahanima/remple/HEAD/favicon.ico
--------------------------------------------------------------------------------
/my-photo.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Tahanima/remple/HEAD/my-photo.jpg
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 | .jekyll-cache
4 | .jekyll-metadata
5 | vendor
6 |
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | {%- include head.html -%}
4 |
5 | {%- include header.html -%}
6 |
7 |
8 | {{ content }}
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | permalink: /404.html
3 | layout: default
4 | ---
5 |
6 |
19 |
20 |
21 |
404
22 |
23 |
Page not found :(
24 |
The requested page could not be found.
25 |
26 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | title: Tahanima Chowdhury
2 | description: Software Engineer, QA @ Therap (BD) Ltd.
3 | baseurl: "/remple/"
4 | url: ""
5 | photo_url: "my-photo.jpg"
6 |
7 | # This is an optional section
8 | # You can skip filling in one or more of the items in this section
9 | email: "tahanimachowdhury@gmail.com"
10 | linkedin: "http://linkedin.com/in/tahanima-chowdhury"
11 | github: "https://github.com/Tahanima"
12 | website: "http://tahanima.github.io/"
13 | medium: "https://tahanima.medium.com/"
14 |
15 | markdown: kramdown
16 | theme: minima
17 | plugins:
18 | - jekyll-feed
19 |
20 | exclude:
21 | - Gemfile
22 | - Gemfile.lock
23 |
24 |
--------------------------------------------------------------------------------
/_includes/head.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | {%- seo -%}
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2020 Tahanima Chowdhury
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/css/remple.css:
--------------------------------------------------------------------------------
1 | body { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
2 |
3 | h1, h2, h3, h4, h5, h6 {
4 | font-family: 'Playfair Display', serif;
5 | font-weight: bold;
6 | }
7 |
8 | hr {
9 | border: 1px solid #8c8c89;
10 | }
11 |
12 | .site-header {
13 | border-top: 0px;
14 | border-bottom: 2px dashed #cccccc;
15 | }
16 |
17 | .header-container {
18 | display: flex;
19 | justify-content: center;
20 | padding: 1em;
21 | }
22 |
23 | .header-item {
24 | display: flex;
25 | justify-content: space-around;
26 | }
27 |
28 | .title-remple {
29 | display: flex;
30 | font-size: 2.5em;
31 | font-family: LObster, "URW Chancery L", cursive;
32 | margin-bottom: 0px;
33 | margin-left: auto;
34 | }
35 |
36 | .photo {
37 | border-radius: 50%;
38 | border: 2px solid white;
39 | width: 30%;
40 | }
41 |
42 | .info-remple {
43 | display: flex;
44 | justify-content: center;
45 | flex-direction: column;
46 | flex-wrap: wrap;
47 | width: 100%;
48 | font-weight: bold;
49 | }
50 |
51 | .contact {
52 | display: flex;
53 | margin-left: auto;
54 | margin-top: 1em;
55 | }
56 |
57 | .contact a {
58 | color: white;
59 | font-size: medium;
60 | border-radius: 50%;
61 | padding: 10px;
62 | width: 25px;
63 | text-align: center;
64 | background-color: black;
65 | }
66 |
67 | .contact a:hover {
68 | background-color: #8c8c89;
69 | }
70 |
71 | .contact-item {
72 | margin-left: 5px;
73 | }
74 |
75 | @media (max-width: 850px) {
76 | .header-item {
77 | flex-direction: column;
78 | }
79 |
80 | .photo {
81 | align-self: center;
82 | }
83 |
84 | .title-remple {
85 | margin: auto;
86 | }
87 |
88 | .contact {
89 | margin: auto;
90 | }
91 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Remple
2 |
3 | Remple is a very simple resume template built for jekyll. Here is a [demo](https://tahanima.github.io/remple/).
4 |
5 | ## Installation
6 | Prerequisite: Knowledge of Github and Markdown Syntax
7 |
8 | **Step 1**
9 | * Fork the repository.
10 | * [Optional] You can change the repository name from **Settings** > **Options** > **Repository name**.
11 |
12 | **Step 2**
13 | * Edit the **_config.yml file**.
14 | * Change the values for **title**, **description**, **email**, **linkedin**, **github**, **website** and **medium** with your credentials.
15 | * If you have changed your repository name from ***remple*** to your preferred name, you need to change the value for **baseurl** from ***"/remple/"*** to ***"/[your preferred name]/"***.
16 |
17 | **Step 3**
18 | * Edit the **index.md** file with your credentials.
19 |
20 | **Step 4**
21 | * Delete the **my-photo.jpg** file.
22 | * Upload your image file, making sure to name it as **my-photo.jpg**. If you want to name your image file to your preferred name or the file extension to your image file is different, then you need to change the value for **photo_url** in the **_config.yml** file to your preferred name or with correct file extension as well.
23 |
24 | **Step 5**
25 | * Activate **GitHub Pages** for this site from **Settings** > **Options** > **GitHub Pages**.
26 | * Choose **master** as the source branch and **/ (root)** as the folder.
27 | * You can then access your site at ***[github_user_name].github.io/[repo_name]/***
28 | * Note: **repo_name** is **remple** if you have not changed your repository name otherwise it is your preferred name.
29 |
30 | ## License
31 | This work is licensed under the MIT License .
32 |
--------------------------------------------------------------------------------
/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | title: Resume
4 | ---
5 |
6 | ---
7 | ## EXPERIENCE
8 | ---
9 |
10 | ### Lorem Ipsum
11 | ***Lorem Ipsum (Jan 2017 - Present)*** · ***Full-time***
12 |
13 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
14 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
15 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
16 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
17 |
18 | ### BRAC University
19 | ***Undergraduate Teaching Assistant (Jun 2015 – Aug 2016)*** · ***Part-time***
20 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
21 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
22 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
23 |
24 |
25 |
26 | ---
27 | ## EDUCATION
28 | ---
29 | ### BRAC University
30 | *Bachelor of Science in Computer Science (Jan 2013 - Aug 2017)*
31 | CGPA: **3.71** (out of **4.00**)
32 |
33 | ### Oxford International School
34 | *GCE A Level*
35 | Result: **4 As** and **1 B**
36 |
37 | *GCE O Level*
38 | Result: **4 A*s**, **3 As** and **2 Bs**
39 |
40 |
41 |
42 | ---
43 | ## HONORS & ACHIEVEMENTS
44 | ---
45 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
46 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
47 | * Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent massa nisi, venenatis sit amet tortor efficitur, scelerisque condimentum magna.
48 |
49 |
50 |
51 | ---
52 | ## PROJECT
53 | ---
54 | * **[Test Automation Boilerplate](https://github.com/Tahanima/test-automation-boilerplate):** Ready to use UI Test Automation Architecture
55 | **Tools** | **Technologies:** Java, Selenium WebDriver, TestNG, AssertJ, EventReports, JavaFaker, Git
56 |
57 |
58 |
59 | ---
60 | ## SKILLS
61 | ---
62 | * **Languages:** Java, C++, Ruby, SQL
63 | * **Tools** | **Technologies:** Selenium WebDriver, Gradle, TestNG, Jekyll, Git, JIRA
64 |
--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
1 | /** Reset some basic elements */
2 | body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, hr, dl, dd, ol, ul, figure { margin: 0; padding: 0; }
3 |
4 | /** Basic styling */
5 | body { font: 400 16px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color: #111; background-color: #fdfdfd; -webkit-text-size-adjust: 100%; -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; display: flex; min-height: 100vh; flex-direction: column; }
6 |
7 | /** Set `margin-bottom` to maintain vertical rhythm */
8 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, .highlight { margin-bottom: 8px; }
9 |
10 | /** `main` element */
11 | main { display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */ }
12 |
13 | /** Images */
14 | img { max-width: 100%; vertical-align: middle; }
15 |
16 | /** Figures */
17 | figure > img { display: block; }
18 |
19 | figcaption { font-size: 14px; }
20 |
21 | /** Lists */
22 | ul, ol { margin-left: 30px; }
23 |
24 | li > ul, li > ol { margin-bottom: 0; }
25 |
26 | /** Headings */
27 | h1, h2, h3, h4, h5, h6 { font-weight: 400; }
28 |
29 | /** Links */
30 | a { color: #2a7ae2; text-decoration: none; }
31 | a:visited { color: #1756a9; }
32 | a:hover { color: #111; text-decoration: underline; }
33 | .social-media-list a:hover { text-decoration: none; }
34 | .social-media-list a:hover .username { text-decoration: underline; }
35 |
36 | /** Blockquotes */
37 | blockquote { color: #828282; border-left: 4px solid #e8e8e8; padding-left: 15px; font-size: 18px; letter-spacing: -1px; font-style: italic; }
38 | blockquote > :last-child { margin-bottom: 0; }
39 |
40 | /** Code formatting */
41 | pre, code { font-size: 15px; border: 1px solid #e8e8e8; border-radius: 3px; background-color: #eef; }
42 |
43 | code { padding: 1px 5px; }
44 |
45 | pre { padding: 8px 12px; overflow-x: auto; }
46 | pre > code { border: 0; padding-right: 0; padding-left: 0; }
47 |
48 | /** Wrapper */
49 | .wrapper { max-width: -webkit-calc(800px - (30px * 2)); max-width: calc(800px - (30px * 2)); margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
50 | @media screen and (max-width: 800px) { .wrapper { max-width: -webkit-calc(800px - (30px)); max-width: calc(800px - (30px)); padding-right: 15px; padding-left: 15px; } }
51 |
52 | /** Clearfix */
53 | .wrapper:after, .footer-col-wrapper:after { content: ""; display: table; clear: both; }
54 |
55 | /** Icons */
56 | .svg-icon { width: 16px; height: 16px; display: inline-block; fill: #828282; padding-right: 5px; vertical-align: text-top; }
57 |
58 | .social-media-list li + li { padding-top: 5px; }
59 |
60 | /** Tables */
61 | table { margin-bottom: 30px; width: 100%; text-align: left; color: #3f3f3f; border-collapse: collapse; border: 1px solid #e8e8e8; }
62 | table tr:nth-child(even) { background-color: #f7f7f7; }
63 | table th, table td { padding: 10px 15px; }
64 | table th { background-color: #f0f0f0; border: 1px solid #dedede; border-bottom-color: #c9c9c9; }
65 | table td { border: 1px solid #e8e8e8; }
66 |
67 | /** Site header */
68 | .site-header { border-top: 5px solid #424242; border-bottom: 1px solid #e8e8e8; min-height: 55.95px; position: relative; }
69 |
70 | .site-title { font-size: 26px; font-weight: 300; line-height: 54px; letter-spacing: -1px; margin-bottom: 0; float: left; }
71 | .site-title, .site-title:visited { color: #424242; }
72 |
73 | .site-nav { float: right; line-height: 54px; }
74 | .site-nav .nav-trigger { display: none; }
75 | .site-nav .menu-icon { display: none; }
76 | .site-nav .page-link { color: #111; line-height: 1.5; }
77 | .site-nav .page-link:not(:last-child) { margin-right: 20px; }
78 | @media screen and (max-width: 600px) { .site-nav { position: absolute; top: 9px; right: 15px; background-color: #fdfdfd; border: 1px solid #e8e8e8; border-radius: 5px; text-align: right; }
79 | .site-nav label[for="nav-trigger"] { display: block; float: right; width: 36px; height: 36px; z-index: 2; cursor: pointer; }
80 | .site-nav .menu-icon { display: block; float: right; width: 36px; height: 26px; line-height: 0; padding-top: 10px; text-align: center; }
81 | .site-nav .menu-icon > svg { fill: #424242; }
82 | .site-nav input ~ .trigger { clear: both; display: none; }
83 | .site-nav input:checked ~ .trigger { display: block; padding-bottom: 5px; }
84 | .site-nav .page-link { display: block; padding: 5px 10px; margin-left: 20px; }
85 | .site-nav .page-link:not(:last-child) { margin-right: 0; } }
86 |
87 | /** Site footer */
88 | .site-footer { border-top: 1px solid #e8e8e8; padding: 30px 0; }
89 |
90 | .footer-heading { font-size: 18px; margin-bottom: 15px; }
91 |
92 | .contact-list, .social-media-list { list-style: none; margin-left: 0; }
93 |
94 | .footer-col-wrapper { font-size: 15px; color: #828282; margin-left: -15px; }
95 |
96 | .footer-col { float: left; margin-bottom: 15px; padding-left: 15px; }
97 |
98 | .footer-col-1 { width: -webkit-calc(35% - (30px / 2)); width: calc(35% - (30px / 2)); }
99 |
100 | .footer-col-2 { width: -webkit-calc(20% - (30px / 2)); width: calc(20% - (30px / 2)); }
101 |
102 | .footer-col-3 { width: -webkit-calc(45% - (30px / 2)); width: calc(45% - (30px / 2)); }
103 |
104 | @media screen and (max-width: 800px) { .footer-col-1, .footer-col-2 { width: -webkit-calc(50% - (30px / 2)); width: calc(50% - (30px / 2)); }
105 | .footer-col-3 { width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
106 | @media screen and (max-width: 600px) { .footer-col { float: none; width: -webkit-calc(100% - (30px / 2)); width: calc(100% - (30px / 2)); } }
107 | /** Page content */
108 | .page-content { padding: 30px 0; flex: 1; }
109 |
110 | .page-heading { font-size: 32px; }
111 |
112 | .post-list-heading { font-size: 28px; }
113 |
114 | .post-list { margin-left: 0; list-style: none; }
115 | .post-list > li { margin-bottom: 30px; }
116 |
117 | .post-meta { font-size: 14px; color: #828282; }
118 |
119 | .post-link { display: block; font-size: 24px; }
120 |
121 | /** Posts */
122 | .post-header { margin-bottom: 30px; }
123 |
124 | .post-title { font-size: 42px; letter-spacing: -1px; line-height: 1; }
125 | @media screen and (max-width: 800px) { .post-title { font-size: 36px; } }
126 |
127 | .post-content { margin-bottom: 30px; }
128 | .post-content h2 { font-size: 32px; }
129 | @media screen and (max-width: 800px) { .post-content h2 { font-size: 28px; } }
130 | .post-content h3 { font-size: 26px; }
131 | @media screen and (max-width: 800px) { .post-content h3 { font-size: 22px; } }
132 | .post-content h4 { font-size: 20px; }
133 | @media screen and (max-width: 800px) { .post-content h4 { font-size: 18px; } }
134 |
135 | /** Syntax highlighting styles */
136 | .highlight { background: #fff; }
137 | .highlighter-rouge .highlight { background: #eef; }
138 | .highlight .c { color: #998; font-style: italic; }
139 | .highlight .err { color: #a61717; background-color: #e3d2d2; }
140 | .highlight .k { font-weight: bold; }
141 | .highlight .o { font-weight: bold; }
142 | .highlight .cm { color: #998; font-style: italic; }
143 | .highlight .cp { color: #999; font-weight: bold; }
144 | .highlight .c1 { color: #998; font-style: italic; }
145 | .highlight .cs { color: #999; font-weight: bold; font-style: italic; }
146 | .highlight .gd { color: #000; background-color: #fdd; }
147 | .highlight .gd .x { color: #000; background-color: #faa; }
148 | .highlight .ge { font-style: italic; }
149 | .highlight .gr { color: #a00; }
150 | .highlight .gh { color: #999; }
151 | .highlight .gi { color: #000; background-color: #dfd; }
152 | .highlight .gi .x { color: #000; background-color: #afa; }
153 | .highlight .go { color: #888; }
154 | .highlight .gp { color: #555; }
155 | .highlight .gs { font-weight: bold; }
156 | .highlight .gu { color: #aaa; }
157 | .highlight .gt { color: #a00; }
158 | .highlight .kc { font-weight: bold; }
159 | .highlight .kd { font-weight: bold; }
160 | .highlight .kp { font-weight: bold; }
161 | .highlight .kr { font-weight: bold; }
162 | .highlight .kt { color: #458; font-weight: bold; }
163 | .highlight .m { color: #099; }
164 | .highlight .s { color: #d14; }
165 | .highlight .na { color: #008080; }
166 | .highlight .nb { color: #0086B3; }
167 | .highlight .nc { color: #458; font-weight: bold; }
168 | .highlight .no { color: #008080; }
169 | .highlight .ni { color: #800080; }
170 | .highlight .ne { color: #900; font-weight: bold; }
171 | .highlight .nf { color: #900; font-weight: bold; }
172 | .highlight .nn { color: #555; }
173 | .highlight .nt { color: #000080; }
174 | .highlight .nv { color: #008080; }
175 | .highlight .ow { font-weight: bold; }
176 | .highlight .w { color: #bbb; }
177 | .highlight .mf { color: #099; }
178 | .highlight .mh { color: #099; }
179 | .highlight .mi { color: #099; }
180 | .highlight .mo { color: #099; }
181 | .highlight .sb { color: #d14; }
182 | .highlight .sc { color: #d14; }
183 | .highlight .sd { color: #d14; }
184 | .highlight .s2 { color: #d14; }
185 | .highlight .se { color: #d14; }
186 | .highlight .sh { color: #d14; }
187 | .highlight .si { color: #d14; }
188 | .highlight .sx { color: #d14; }
189 | .highlight .sr { color: #009926; }
190 | .highlight .s1 { color: #d14; }
191 | .highlight .ss { color: #990073; }
192 | .highlight .bp { color: #999; }
193 | .highlight .vc { color: #008080; }
194 | .highlight .vg { color: #008080; }
195 | .highlight .vi { color: #008080; }
196 | .highlight .il { color: #099; }
--------------------------------------------------------------------------------