Gitiles
Code Review Sign In
gerrit.avm99963.com / projects.avm99963.com / refs/heads/master / . / index.html
blob: 63f9f94bd03930e67bc3980f3ca53216eb4076b8 [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">
avm99963160e6822020-10-01 01:05:29 +0200[diff] [blame]38 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/covid_tracability_fme.gif');"></div>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]39 <div class="project-card__primary">
avm99963ea101c42020-10-28 01:14:43 +0100[diff] [blame]40 <h3 class="project-card__title mdc-typography mdc-typography--headline6">Covid Traceability tool for the FME</h3>
Adrià Vilanova Martínezb0452152021-12-01 01:46:33 +0100[diff] [blame]41 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Sep 2020 - Oct 2020</h4>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]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>
avm99963160e6822020-10-01 01:05:29 +0200[diff] [blame]52 <a href="https://delefme.github.io/covid-tracability/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
53 <span class="mdc-button__ripple"></span> Live web app
54 </a>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]55 </div>
56 </div>
57 </div>
58 </div>
59
60 <div class="mdc-layout-grid__cell project-cell">
61 <div class="project-card mdc-card">
62 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('https://covid-19.sandbox.avm99963.com/output/graph.png');"></div>
63 <div class="project-card__primary">
64 <h3 class="project-card__title mdc-typography mdc-typography--headline6">COVID-19 risk graphs generator</h3>
Adrià Vilanova Martínezb0452152021-12-01 01:46:33 +0100[diff] [blame]65 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">May 2020 - Jan 2021</h4>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]66 </div>
67 <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>
68 <div class="mdc-card__actions">
69 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]70 <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]71 <span class="mdc-button__ripple"></span> Gerrit repo
72 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]73 <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]74 <span class="mdc-button__ripple"></span> Visit it
75 </a>
76 </div>
77 </div>
78 </div>
79 </div>
80
81 <div class="mdc-layout-grid__cell project-cell">
82 <div class="project-card mdc-card">
83 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/hores.png');"></div>
84 <div class="project-card__primary">
85 <h3 class="project-card__title mdc-typography mdc-typography--headline6"><i>Hores</i></h3>
Adrià Vilanova Martínez837776b2023-12-22 21:50:02 +0100[diff] [blame]86 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jul 2019 - Currently</h4>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]87 </div>
88 <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>
89 <div class="mdc-card__actions">
90 <div class="mdc-card__action-buttons">
Adrià Vilanova Martínez837776b2023-12-22 21:50:02 +0100[diff] [blame]91 <a href="https://gerrit.avm99963.com/plugins/gitiles/hores-external" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
92 <span class="mdc-button__ripple"></span> Gerrit repo
93 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]94 <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]95 <span class="mdc-button__ripple"></span> Demo
96 </a>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]97 </div>
98 </div>
99 </div>
100 </div>
101
102 <div class="mdc-layout-grid__cell project-cell">
103 <div class="project-card mdc-card">
104 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/graf.png');"></div>
105 <div class="project-card__primary">
106 <h3 class="project-card__title mdc-typography mdc-typography--headline6">The FME Graph</h3>
Adrià Vilanova Martínez84febbd2023-12-22 21:51:14 +0100[diff] [blame]107 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2017 - Jul 2021</h4>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]108 </div>
Adrià Vilanova Martínez84febbd2023-12-22 21:51:14 +0100[diff] [blame]109 <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 kisses that have taken place between people in the FME. People are represented by vertices, and when two of them have kissed, they are connected by an edge.">the FME Graph</span>. It also had a companion Google Assistant app. The code is now hosted in a forked repo maintained by <a href="https://fraret.eu/" target="_blank" rel="noreferrer">@fraret</a>.</div>
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]110 <div class="mdc-card__actions">
111 <div class="mdc-card__action-buttons">
Adrià Vilanova Martínez84febbd2023-12-22 21:51:14 +0100[diff] [blame]112 <a href="https://gitlab.com/fraret/graf" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
113 <span class="mdc-button__ripple"></span> GitLab repo
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]114 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]115 <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]116 <span class="mdc-button__ripple"></span> Visit it
117 </a>
118 </div>
119 </div>
120 </div>
121 </div>
122
123 <div class="mdc-layout-grid__cell project-cell">
124 <div class="project-card mdc-card">
125 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/voting.png');"></div>
126 <div class="project-card__primary">
127 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Voting</h2>
128 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Mar 2016 - Nov 2016</h3>
129 </div>
130 <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>
131 <div class="mdc-card__actions">
132 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]133 <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]134 <span class="mdc-button__ripple"></span> GitHub repo
135 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]136 <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]137 <span class="mdc-button__ripple"></span> Research project doc
138 </a>
139 </div>
140 </div>
141 </div>
142 </div>
143
144 <div class="mdc-layout-grid__cell project-cell">
145 <div class="project-card mdc-card">
146 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/translate_selected_text.png');"></div>
147 <div class="project-card__primary">
148 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Translate Selected Text</h2>
149 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2014 - Currently</h3>
150 </div>
151 <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>
152 <div class="mdc-card__actions">
153 <div class="mdc-card__action-buttons">
avm99963ecb410e2021-01-30 00:21:16 +0100[diff] [blame]154 <a href="https://gerrit.avm99963.com/plugins/gitiles/translateselectedtext/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
155 <span class="mdc-button__ripple"></span> Gerrit repo
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]156 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]157 <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]158 <span class="mdc-button__ripple"></span> Install
159 </a>
160 </div>
161 </div>
162 </div>
163 </div>
164
165 </div>
166 </div>
167
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]168 <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]169
170 <div class="mdc-layout-grid projects">
171 <div class="mdc-layout-grid__inner">
172
173 <div class="mdc-layout-grid__cell project-cell">
174 <div class="project-card mdc-card">
175 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/twpowertools.png');"></div>
176 <div class="project-card__primary">
177 <h3 class="project-card__title mdc-typography mdc-typography--headline6">TW Power Tools</h3>
178 <h4 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">May 2020 - Currently</h4>
179 </div>
180 <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>
181 <div class="mdc-card__actions">
182 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]183 <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]184 <span class="mdc-button__ripple"></span> Gerrit repo
185 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]186 <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]187 <span class="mdc-button__ripple"></span> Install
188 </a>
189 </div>
190 </div>
191 </div>
192 </div>
193
194 <div class="mdc-layout-grid__cell project-cell">
195 <div class="project-card mdc-card">
196 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/support.png');"></div>
197 <div class="project-card__primary">
198 <h2 class="project-card__title mdc-typography mdc-typography--headline6">support.avm99963.com</h2>
199 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2020 - Currently</h3>
200 </div>
201 <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>
202 <div class="mdc-card__actions">
203 <div class="mdc-card__action-buttons">
avm99963ecb410e2021-01-30 00:21:16 +0100[diff] [blame]204 <a href="https://gerrit.avm99963.com/plugins/gitiles/support.avm99963.com/" target="_blank" rel="noreferrer" class="mdc-button mdc-card__action mdc-card__action--button" data-mdc-auto-init="MDCRipple">
205 <span class="mdc-button__ripple"></span> Gerrit repo
avm99963b3bc5b42020-09-25 17:37:21 +0200[diff] [blame]206 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]207 <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]208 <span class="mdc-button__ripple"></span> Visit it
209 </a>
210 </div>
211 </div>
212 </div>
213 </div>
214
215 <div class="mdc-layout-grid__cell project-cell">
216 <div class="project-card mdc-card">
217 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/playliststats.png');"></div>
218 <div class="project-card__primary">
219 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Spotify Playlist Stats</h2>
220 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jun 2018</h3>
221 </div>
222 <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>
223 <div class="mdc-card__actions">
224 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]225 <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]226 <span class="mdc-button__ripple"></span> GitHub repo
227 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]228 <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]229 <span class="mdc-button__ripple"></span> Use it
230 </a>
231 </div>
232 </div>
233 </div>
234 </div>
235
236 <div class="mdc-layout-grid__cell project-cell">
237 <div class="project-card mdc-card">
238 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/esglaona.png');"></div>
239 <div class="project-card__primary">
240 <h2 class="project-card__title mdc-typography mdc-typography--headline6"><i>Esglaona</i></h2>
241 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Nov 2017 - Jan 2018</h3>
242 </div>
243 <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>
244 <div class="mdc-card__actions">
245 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]246 <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]247 <span class="mdc-button__ripple"></span> GitHub repo
248 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]249 <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]250 <span class="mdc-button__ripple"></span> Challonge diagram
251 </a>
252 </div>
253 </div>
254 </div>
255 </div>
256
257 <div class="mdc-layout-grid__cell project-cell">
258 <div class="project-card mdc-card">
259 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/forum.png');"></div>
260 <div class="project-card__primary">
261 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Forum</h2>
262 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jul 2015 - Feb 2020</h3>
263 </div>
264 <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>
265 <div class="mdc-card__actions">
266 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]267 <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]268 <span class="mdc-button__ripple"></span> GitHub repo
269 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]270 <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]271 <span class="mdc-button__ripple"></span> Demo
272 </a>
273 </div>
274 </div>
275 </div>
276 </div>
277
278 <div class="mdc-layout-grid__cell project-cell">
279 <div class="project-card mdc-card">
280 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/codejam.png');"></div>
281 <div class="project-card__primary">
282 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Code Jam</h2>
283 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Mar 2015 - Oct 2017</h3>
284 </div>
285 <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>
286 <div class="mdc-card__actions">
287 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]288 <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]289 <span class="mdc-button__ripple"></span> GitHub repo
290 </a>
291 </div>
292 </div>
293 </div>
294 </div>
295
296 <div class="mdc-layout-grid__cell project-cell">
297 <div class="project-card mdc-card">
298 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/metges.png');"></div>
299 <div class="project-card__primary">
300 <h2 class="project-card__title mdc-typography mdc-typography--headline6"><i>Metges</i></h2>
301 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Jan 2014 - May 2016</h3>
302 </div>
303 <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>
304 <div class="mdc-card__actions">
305 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]306 <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]307 <span class="mdc-button__ripple"></span> GitHub repo
308 </a>
309 </div>
310 </div>
311 </div>
312 </div>
313
314 <div class="mdc-layout-grid__cell project-cell">
315 <div class="project-card mdc-card">
316 <div class="mdc-card__media mdc-card__media--16-9" style="background-image: url('img/soundblow.png');"></div>
317 <div class="project-card__primary">
318 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Soundblow</h2>
319 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2013 - 2015</h3>
320 </div>
321 <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>
322 <div class="mdc-card__actions">
323 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]324 <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]325 <span class="mdc-button__ripple"></span> No longer available
326 </button>
327 </div>
328 </div>
329 </div>
330 </div>
331
332 <div class="mdc-layout-grid__cell project-cell">
333 <div class="project-card mdc-card">
334 <div class="mdc-card__media mdc-card__media--16-9">
335 <iframe class="project-card__youtube-media" type="text/html" src="https://www.youtube-nocookie.com/embed/9kSEyUTUNMU" frameborder="0" allowfullscreen></iframe>
336 </div>
337 <div class="project-card__primary">
338 <h2 class="project-card__title mdc-typography mdc-typography--headline6">Green Leaf</h2>
339 <h3 class="project-card__subtitle mdc-typography mdc-typography--subtitle2">Oct 2012 - Oct 2013</h3>
340 </div>
341 <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>
342 <div class="mdc-card__actions">
343 <div class="mdc-card__action-buttons">
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]344 <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]345 <span class="mdc-button__ripple"></span> Facebook page
346 </a>
avm999634271aa42020-09-25 20:05:52 +0200[diff] [blame]347 <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]348 <span class="mdc-button__ripple"></span> No longer available
349 </button>
350 </div>
351 </div>
352 </div>
353 </div>
354
355 </div>
356 </div>
357 </main>
358 </body>
359</html>