-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathwebdev.php
More file actions
166 lines (135 loc) · 12 KB
/
webdev.php
File metadata and controls
166 lines (135 loc) · 12 KB
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<?php
/*
Template Name: WebDev
*/
?>
<?php get_header(); ?>
<?php $templateURL = get_bloginfo('template_url'); ?>
<div id="content" class="webdev-content clearfix">
<div id="inner-content">
<div id="main" class="first clearfix" role="main">
<h1>Web Development</h1>
<p class="webdev-intro">The websites I build with people are meant to be fast, practical and easy to maintain and update. Tapping into the power
of the WordPress ecosystem, clients are independent to upload and manage content on their end.</p>
<p class="webdev-intro">This is a small selection of projects I have worked on recently.</p>
<div class="website threecol">
<a href="https://marianacaetano.com" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-mariana-s.jpg" alt="Mariana and her harpist at a live performace. Mariana is in focus, with her eyes closed."></a>
<p>
Website displaying the eclectic work of musician, actress, artist Mariana Caetano, a brazilian talent living in Rennes, France.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://marianacaetano.com" target="_blank">https://marianacaetano.com</a>
</p>
</div>
<div class="website threecol">
<a href="https://lusithanddevices.com/" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-lusithand-s.jpg" alt="Gustavo Ciríaco is a multi-faceted artist. Performer, dancer, composer, director. Living between Brazil and Portugal."></a>
<p>
Lusithand Devices make bespoke, high-quality bass pre-amps and pedals and through their e-commerce they take orders from musicians and music retail stores.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://lusithanddevices.com/" target="_blank">https://lusithanddevices.com/</a>
</p>
</div>
<div class="website threecol">
<a href="https://fumaca.pt" rel="external" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-fumaca-s.jpg" alt="Gustavo Ciríaco is a multi-faceted artist. Performer, dancer, composer, director. Living between Brazil and Portugal."></a>
<p>
Fumaça is a progressive, community-supported podcast that produces slow-journalism pieces. The website hosts interviews, articles and podcast episodes, besides driving subscriptions and newsletter signups.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://fumaca.pt" rel="external" target="_blank">https://fumaca.pt</a>
</p>
</div>
<div class="website threecol">
<a href="https://madalenamarques.com" rel="external" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-mmarques-s.jpg" alt="Photo of Leonor, the actress for 'O Homem das Mil Moradas', holding a picture of Gulbenkian to her face, pretending to be him."></a>
<p>
Madalena's website showcases her work as a theatre creator for young and old audiences, as well as her work as a cultural mediator.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://madalenamarques.com" rel="external" target="_blank">https://madalenamarques.com</a>
</p>
</div>
<div class="website threecol">
<a href="https://leonorcaldeira.com" rel="external" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-leonor-caldeira-s.jpg" alt="Logo for lawyer Leonor Caldeira, featuring a Sun Bird, symbol of palestinian resistance. Top notch design by Joana Batista."></a>
<p>
A simple web presence and business card page for environment and human rights lawyer Leonor Caldeira.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://leonorcaldeira.com" rel="external" target="_blank">https://leonorcaldeira.com</a>
</p>
</div>
<!-- <div class="website threecol">
<a href="https://becabe.ca" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-becabeca-s.jpg" alt="The main character of Anete Melece's movie 'The Kiosk' peeks from within a bunch of magazines and books."></a>
<p>
Quality digital content for kids and families selected by a team of curators, themselves creating for families (illustrators, writers, publishers).
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://becabe.ca" target="_blank">https://becabe.ca</a>
</p>
</div> -->
<div class="website threecol">
<a href="http://gustavociria.co" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-gus-s.jpg" alt="Gustavo Ciríaco is a multi-faceted artist. Performer, dancer, composer, director. Living between Brazil and Portugal."></a>
<p>
Gustavo Ciríaco is a dancer, choreographer and performing artist and his website serves as a display for his work; present, past and future.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="http://gustavociria.co" target="_blank">http://gustavociria.co</a>
</p>
</div>
<div class="website threecol">
<div id="your-site-here">
<p><a href="/contact">Your Site Here</a></p>
</div>
<p>
Like what you see here and think we could make for a successful team?
</p>
<p class="website-url"><a href="/contact">Let's Talk!</a></p>
</div>
<br/>
<br/>
</div><!-- #main -->
<div id="personal-projects" class="first clearfix" role="main">
<h2>Personal Creations</h2>
<div class="website threecol">
<a href="https://openingquot.es?utm_source=fredrocha.net" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdeb-oqes-s.jpg" alt="Logo for the web application openingquot.es."></a>
<p>
A fully explorable repository of hand-curated epigraphs, ie, quotes that book authors decide to open their own books with.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://openingquot.es?utm_source=fredrocha.net" target="_blank">https://openingquot.es</a>
</p>
</div>
<div class="website threecol">
<a href="https://cadamaca.co?utm_source=fredrocha.net" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-cada-macaco-s.jpg" alt="Logo and motto for the web application cadamaca.co."></a>
<p>
A Single Page Web Application for instant wisdom generation, ie, the mashing of two traditional sayings into one.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="https://cadamaca.co?utm_source=fredrocha.net" target="_blank">https://cadamaca.co</a>
</p>
</div>
<div class="website threecol">
<a href="http://ghostmusician.com?utm_source=fredrocha.net" target="_blank"><img src="<?php echo $templateURL; ?>/img/webdev-ghost-s.jpg" alt="Logo and motto for the web application ghostmusician.com."></a>
<p>
An imaginary label for musicians that do not exist yet have millions of streams on Spotify.
</p>
<p class="website-url">
<svg viewBox="0 0 24 24"><path d="m0 0h24v24h-24z" opacity="0"/><g><path d="m8 12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-6a1 1 0 0 0 -1 1z"/><path d="m9 16h-1.79a4.13 4.13 0 0 1 -4.21-3.63 4 4 0 0 1 4-4.37h2a1 1 0 0 0 0-2h-1.79a6.15 6.15 0 0 0 -6.16 5.21 6 6 0 0 0 5.95 6.79h2a1 1 0 0 0 0-2z"/><path d="m23 11.24a6.16 6.16 0 0 0 -6.24-5.24h-1.51c-.81 0-1.25.45-1.25 1a1 1 0 0 0 1 1h1.79a4.13 4.13 0 0 1 4.21 3.63 4 4 0 0 1 -4 4.37h-2a1 1 0 0 0 0 2h2a6 6 0 0 0 6-6.76z"/></g></svg>
<a href="http://ghostmusician.com?utm_source=fredrocha.net" target="_blank">http://ghostmusician.com</a>
</p>
</div>
</div><!-- #personal-projects -->
<br/>
<br/>
<p>Take a look at <a href="https://fredrocha.net/wp-content/uploads/2024/09/Fred-Rocha-Web-Engineer-with-Eye-for-Design-July-2024.pdf">my CV</a> to have a better sense of the technologies I use, and the people I have worked with in the past.</p>
</div> <?php // end #inner-content ?>
</div> <?php // end #content ?>
<?php get_footer(); ?>