Gitiles
Code Review Sign In
gerrit.avm99963.com / projects.avm99963.com / 4271aa4ab05d31d2bbef267edfeb8f3fcf83074a / . / index.html
blob: 8754d3ba5f0b865a596c75f3052ced5812fae20d [file] [log] [blame]
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title>Projects made by avm99963</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7
8 <!-- Material Web Components -->
9 <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
10 <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
11 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
12 <link rel="stylesheet" href="styles.css">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]13
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]14 <script>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]15 window.addEventListener('load', function() {
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]16 mdc.autoInit();
17 });
18 </script>
19 </head>
20 <body class="mdc-typography">
21 <header class="mdc-top-app-bar mdc-top-app-bar--fixed">
22 <div class="mdc-top-app-bar__row">
23 <section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]24 <span class="mdc-top-app-bar__title">Projects made by avm99963</span>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]25 </section>
26 </div>
27 </header>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]28
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]29 <main class="mdc-top-app-bar--fixed-adjust">
30
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]31 <h2 class="project-section-title" id="featured-projects"><i class="material-icons project-section-title__icon" style="color: #FFC400;">star</i> <span class="project-section-title__text">Featured projects</span></h2>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]32
33 <div class="mdc-layout-grid projects">
34 <div class="mdc-layout-grid__inner">
35
36 <div class="mdc-layout-grid__cell project-cell">
37 <div class="project-card mdc-card">
38 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/covid_tracability_fme.png');"></div>
39 <div class="project-card__primary">
40 <h3 class="project-card__title mdc-typography mdc-typography--headline6">Covid Tracability tool for the FME</h3>
41 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Sep 2020 - Currently</h4>
42 </div>
43 <div class="project-card__secondary mdc-typography mdc-typography--body2">A team of students at the FME are currently developing a tool which helps students keep track of the places where they've sat throughout the day, in order to help the mathematics school trace the contacts of a positive case.</div>
44 <div class="mdc-card__actions">
45 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]46 <a href="https://github.com/delefme/covid-tracability" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]47 <span class="mdc-button__ripple"></span> Main Git repo
48 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]49 <a href="https://github.com/delefme/covid-tracability-backend" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]50 <span class="mdc-button__ripple"></span> Backend Git repo
51 </a>
52 </div>
53 </div>
54 </div>
55 </div>
56
57 <div class="mdc-layout-grid__cell project-cell">
58 <div class="project-card mdc-card">
59 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('https://covid-19.sandbox.avm99963.com/output/graph.png');"></div>
60 <div class="project-card__primary">
61 <h3 class="project-card__title mdc-typography mdc-typography--headline6">COVID-19 risk graphs generator</h3>
62 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">May 2020 - Currently</h4>
63 </div>
64 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source project developed to generate daily graphs which show the risk factor of each health area in Catalonia, based on the data provided by the Catalan Government.</div>
65 <div class="mdc-card__actions">
66 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]67 <a href="https://gerrit.avm99963.com/plugins/gitiles/covid19/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]68 <span class="mdc-button__ripple"></span> Gerrit repo
69 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]70 <a href="https://covid-19.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]71 <span class="mdc-button__ripple"></span> Visit it
72 </a>
73 </div>
74 </div>
75 </div>
76 </div>
77
78 <div class="mdc-layout-grid__cell project-cell">
79 <div class="project-card mdc-card">
80 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/hores.png');"></div>
81 <div class="project-card__primary">
82 <h3 class="project-card__title mdc-typography mdc-typography--headline6"><i>Hores</i></h3>
83 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jul 2019 - Dec 2019</h4>
84 </div>
85 <div class="project-card__secondary mdc-typography mdc-typography--body2">Project I've profesionally developed for my previous high school so they can keep track of their workers' working hours, in order to comply with the new workers legislation in Spain.</div>
86 <div class="mdc-card__actions">
87 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]88 <a href="https://hores.sandbox.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]89 <span class="mdc-button__ripple"></span> Demo
90 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]91 <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]92 <span class="mdc-button__ripple"></span> Closed source
93 </button>
94 </div>
95 </div>
96 </div>
97 </div>
98
99 <div class="mdc-layout-grid__cell project-cell">
100 <div class="project-card mdc-card">
101 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/graf.png');"></div>
102 <div class="project-card__primary">
103 <h3 class="project-card__title mdc-typography mdc-typography--headline6">The FME Graph</h3>
104 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2017 - Currently</h4>
105 </div>
106 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source web app which displays <span class="help" title="The FME Graph is a graph which shows the hookups that have taken place between people in the FME. People are represented by vertices, and when two of them have hooked up, they are connected by an edge.">the FME Graph</span>. It also has a companion Google Assistant app.</div>
107 <div class="mdc-card__actions">
108 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]109 <a href="https://gerrit.avm99963.com/plugins/gitiles/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]110 <span class="mdc-button__ripple"></span> Gerrit repo
111 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]112 <a href="https://labs.avm99963.com/graf/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]113 <span class="mdc-button__ripple"></span> Visit it
114 </a>
115 </div>
116 </div>
117 </div>
118 </div>
119
120 <div class="mdc-layout-grid__cell project-cell">
121 <div class="project-card mdc-card">
122 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/voting.png');"></div>
123 <div class="project-card__primary">
124 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Voting</h2>
125 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Mar 2016 - Nov 2016</h3>
126 </div>
127 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source web-based voting system, developed as part of my baccalaureate research project. I highly encourage you to read the research project document!</div>
128 <div class="mdc-card__actions">
129 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]130 <a href="https://github.com/avm99963/voting" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]131 <span class="mdc-button__ripple"></span> GitHub repo
132 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]133 <a href="img/bach_research_project.pdf" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]134 <span class="mdc-button__ripple"></span> Research project doc
135 </a>
136 </div>
137 </div>
138 </div>
139 </div>
140
141 <div class="mdc-layout-grid__cell project-cell">
142 <div class="project-card mdc-card">
143 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/translate_selected_text.png');"></div>
144 <div class="project-card__primary">
145 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Translate Selected Text</h2>
146 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2014 - Currently</h3>
147 </div>
148 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source Chrome extension which lets users translate parts of a website quicker and safer. It asks for the smallest subset of permissions possible, and currently has 130,000+ users.</div>
149 <div class="mdc-card__actions">
150 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]151 <a href="https://github.com/avm99963/translateselectedtext" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]152 <span class="mdc-button__ripple"></span> GitHub repo
153 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]154 <a href="https://chrome.google.com/webstore/detail/translate-selected-text/fbimffnjoeobhjhochngikepgfejjmgj" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]155 <span class="mdc-button__ripple"></span> Install
156 </a>
157 </div>
158 </div>
159 </div>
160 </div>
161
162 </div>
163 </div>
164
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]165 <h2 class="project-section-title" id="other-projects"><i class="material-icons project-section-title__icon">build</i> <span class="project-section-title__text">Other projects</span></h2>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]166
167 <div class="mdc-layout-grid projects">
168 <div class="mdc-layout-grid__inner">
169
170 <div class="mdc-layout-grid__cell project-cell">
171 <div class="project-card mdc-card">
172 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/twpowertools.png');"></div>
173 <div class="project-card__primary">
174 <h3 class="project-card__title mdc-typography mdc-typography--headline6">TW Power Tools</h3>
175 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">May 2020 - Currently</h4>
176 </div>
177 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source Chrome/Firefox extension which adds several additional features to the Google Product Forums, which are helpful to many <a href="https://support.google.com/communities/answer/9138806" target="_blank" rel="noreferrer">Google Product Experts</a>.</div>
178 <div class="mdc-card__actions">
179 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]180 <a href="https://gerrit.avm99963.com/plugins/gitiles/infinitegforums/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]181 <span class="mdc-button__ripple"></span> Gerrit repo
182 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]183 <a href="https://chrome.google.com/webstore/detail/tw-power-tools-formerly-i/hpgakoecmgibigdbnljgecablpipbajb" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]184 <span class="mdc-button__ripple"></span> Install
185 </a>
186 </div>
187 </div>
188 </div>
189 </div>
190
191 <div class="mdc-layout-grid__cell project-cell">
192 <div class="project-card mdc-card">
193 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/support.png');"></div>
194 <div class="project-card__primary">
195 <h2 class="project-card__title mdc-typography mdc-typography--headline6">support.avm99963.com</h2>
196 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2020 - Currently</h3>
197 </div>
198 <div class="project-card__secondary mdc-typography mdc-typography--body2">Website powered by the open source tool <a href="https://www.mkdocs.org/" target="_blank" rel="noreferrer">mkdocs</a> which hosts several guides I've written in Spanish to help diagnose common problems with Google products such as Chrome.</div>
199 <div class="mdc-card__actions">
200 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]201 <a href="https://github.com/avm99963/support.avm99963.com" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]202 <span class="mdc-button__ripple"></span> GitHub repo
203 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]204 <a href="https://support.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]205 <span class="mdc-button__ripple"></span> Visit it
206 </a>
207 </div>
208 </div>
209 </div>
210 </div>
211
212 <div class="mdc-layout-grid__cell project-cell">
213 <div class="project-card mdc-card">
214 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/playliststats.png');"></div>
215 <div class="project-card__primary">
216 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Spotify Playlist Stats</h2>
217 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jun 2018</h3>
218 </div>
219 <div class="project-card__secondary mdc-typography mdc-typography--body2">Me and my friends used to argue because some of us added too many songs in our collaborative playlists. This tool helps solve this problem!</div>
220 <div class="mdc-card__actions">
221 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]222 <a href="https://github.com/avm99963/playliststats" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]223 <span class="mdc-button__ripple"></span> GitHub repo
224 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]225 <a href="https://labs.avm99963.com/playliststats/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]226 <span class="mdc-button__ripple"></span> Use it
227 </a>
228 </div>
229 </div>
230 </div>
231 </div>
232
233 <div class="mdc-layout-grid__cell project-cell">
234 <div class="project-card mdc-card">
235 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/esglaona.png');"></div>
236 <div class="project-card__primary">
237 <h2 class="project-card__title mdc-typography mdc-typography--headline6"><i>Esglaona</i></h2>
238 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Nov 2017 - Jan 2018</h3>
239 </div>
240 <div class="project-card__secondary mdc-typography mdc-typography--body2">Web app used to organize the first <span class="help" title="School of Mathematics and Statistics (in Catalan: Facultat de Matemàtiques i Estadística)">FME</span> Gaussian Elimination of Matrices Competition. It synced the match results with Challonge.</div>
241 <div class="mdc-card__actions">
242 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]243 <a href="https://github.com/avm99963/esglaona" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]244 <span class="mdc-button__ripple"></span> GitHub repo
245 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]246 <a href="https://challonge.com/es/ESGLAONA" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]247 <span class="mdc-button__ripple"></span> Challonge diagram
248 </a>
249 </div>
250 </div>
251 </div>
252 </div>
253
254 <div class="mdc-layout-grid__cell project-cell">
255 <div class="project-card mdc-card">
256 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/forum.png');"></div>
257 <div class="project-card__primary">
258 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Forum</h2>
259 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jul 2015 - Feb 2020</h3>
260 </div>
261 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source online forum platform based on the old Pistachio design made by Google around 2010.</div>
262 <div class="mdc-card__actions">
263 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]264 <a href="https://github.com/avm99963/forum" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]265 <span class="mdc-button__ripple"></span> GitHub repo
266 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]267 <a href="https://forums.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]268 <span class="mdc-button__ripple"></span> Demo
269 </a>
270 </div>
271 </div>
272 </div>
273 </div>
274
275 <div class="mdc-layout-grid__cell project-cell">
276 <div class="project-card mdc-card">
277 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/codejam.png');"></div>
278 <div class="project-card__primary">
279 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Code Jam</h2>
280 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Mar 2015 - Oct 2017</h3>
281 </div>
282 <div class="project-card__secondary mdc-typography mdc-typography--body2">Open source website used to host coding competitions. It's designed to be an adaptation of the old Google Code Jam competition dashboard interface.</div>
283 <div class="mdc-card__actions">
284 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]285 <a href="https://github.com/avm99963/codejam" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]286 <span class="mdc-button__ripple"></span> GitHub repo
287 </a>
288 </div>
289 </div>
290 </div>
291 </div>
292
293 <div class="mdc-layout-grid__cell project-cell">
294 <div class="project-card mdc-card">
295 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/metges.png');"></div>
296 <div class="project-card__primary">
297 <h2 class="project-card__title mdc-typography mdc-typography--headline6"><i>Metges</i></h2>
298 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2014 - May 2016</h3>
299 </div>
300 <div class="project-card__secondary mdc-typography mdc-typography--body2">Web app built for my high school in my free time so teachers could reserve hours for the annual health checkup.</div>
301 <div class="mdc-card__actions">
302 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]303 <a href="https://github.com/avm99963/metge" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]304 <span class="mdc-button__ripple"></span> GitHub repo
305 </a>
306 </div>
307 </div>
308 </div>
309 </div>
310
311 <div class="mdc-layout-grid__cell project-cell">
312 <div class="project-card mdc-card">
313 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/soundblow.png');"></div>
314 <div class="project-card__primary">
315 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Soundblow</h2>
316 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2013 - 2015</h3>
317 </div>
318 <div class="project-card__secondary mdc-typography mdc-typography--body2">Soundblow was the Green Leaf successor. Another social network built with my friends Hodaifa and Mario which enabled people to share their favorite music with their friends.</div>
319 <div class="mdc-card__actions">
320 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]321 <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]322 <span class="mdc-button__ripple"></span> No longer available
323 </button>
324 </div>
325 </div>
326 </div>
327 </div>
328
329 <div class="mdc-layout-grid__cell project-cell">
330 <div class="project-card mdc-card">
331 <div class="mdc-card__media mdc-card__media--16-9">
332 <iframe class="project-card__youtube-media" type="text/html" src="https://www.youtube-nocookie.com/embed/9kSEyUTUNMU" frameborder="0" allowfullscreen></iframe>
333 </div>
334 <div class="project-card__primary">
335 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Green Leaf</h2>
336 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2012 - Oct 2013</h3>
337 </div>
338 <div class="project-card__secondary mdc-typography mdc-typography--body2">Green Leaf was my first real life project. My friends Hodaifa, Mario, and me as a team built this social network in order to connect with our high school friends.</div>
339 <div class="mdc-card__actions">
340 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]341 <a href="https://www.facebook.com/greenleaf.social/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]342 <span class="mdc-button__ripple"></span> Facebook page
343 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame^]344 <button disabled class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]345 <span class="mdc-button__ripple"></span> No longer available
346 </button>
347 </div>
348 </div>
349 </div>
350 </div>
351
352 </div>
353 </div>
354 </main>
355 </body>
356</html>