Skip to content

Commit b2751ee

Browse files
IMDANIELAUSTINIMDANIELAUSTIN
authored
Update index.html
1 parent 74d1d52 commit b2751ee

File tree

1 file changed

+31
-47
lines changed

1 file changed

+31
-47
lines changed

‎index.html

+31-47
Original file line numberDiff line numberDiff line change
@@ -50,29 +50,19 @@ <h1 class="tagline">Remarkably Iconic Logos.&nbsp;™
5050
</a><a href="#ARTBOUND BY PBS REBRAND"><img src="/images/Artbound Tile Cover.png" alt="ARTBOUND X PBS"></a>
5151
<div id="ARTBOUND BY PBS REBRAND" class="modal">
5252
<div class="modal__content">
53-
<h1>ARTBOUND BY PBS REBRAND</h1>
54-
<p>
55-
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
56-
</p>
57-
<div class="gallery">
58-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
59-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
60-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
61-
<div id="lightbox" class="lightbox">
62-
<span class="close">×</span>
63-
<img class="lightbox-content" id="lightbox-img">
64-
<div class="caption" id="caption"></div>
65-
<a class="prev">❮</a>
66-
<a class="next">❯</a>
67-
</div>
68-
</div>
69-
<p>
70-
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
71-
</p>
72-
<div class="gallery">
73-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
74-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
75-
<img src="/images/Artbound Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
53+
<h1>ARTBOUND BY PBS VISUAL IDENTITY REDESIGN</h1>
54+
<pre>ROLE: STUDENT DESIGNER</pre>
55+
<pre>DURATION: APPROX. 14 WEEKS</pre>
56+
<pre>Project: Redesign the PBS Artbound Logo for Utilization in Exhibitions Using Conceptual Slogan — "Art Beyond Bounds".
57+
58+
Responsibility(s): Visual Identity Design, Print Design, Creative Direction, Brand and Marketing
59+
60+
My Deliverables: Brand Guidelines (Print + Digital), Branded Stationary, Visual Identity Design Refinement, Brand Elements (Pattern / Monogram)
61+
<span class="image main"><img src="/images/Artbound Process 1.png" min-width="300" alt=""></span>
62+
<span class="image main"><img src="/images/Artbound Process 2.png" min-width="300" alt=""></span>
63+
<span class="image main"><img src="/images/Artbound Combomark Animation 2.gif" min-width="300" alt=""></span>
64+
65+
</pre>
7666
<div id="lightbox" class="lightbox">
7767
<span class="close">×</span>
7868
<img class="lightbox-content" id="lightbox-img">
@@ -83,8 +73,7 @@ <h1>ARTBOUND BY PBS REBRAND</h1>
8373
</div>
8474
<div class="modal__footer">
8575
</div>
86-
87-
<a href="#" class="modal__close">×</a>
76+
<a href="#" class="modal__close">x</a>
8877
<a href="#" class="modal__close">×</a>
8978
<button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important; display: block;" id="myBtn" title="Back to Top">Back to Top</button>
9079
</div>
@@ -235,28 +224,23 @@ <h1>Sole Folks Visual Identity</h1>
235224
<div id="SWATCH MONOGRAM TREATMENT" class="modal">
236225
<div class="modal__content">
237226
<h1>SWATCH MONOGRAM TREATMENT</h1>
238-
<p>
239-
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
240-
</p>
241-
<div class="gallery">
242-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
243-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
244-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
245-
<div id="lightbox" class="lightbox">
246-
<span class="close">×</span>
247-
<img class="lightbox-content" id="lightbox-img">
248-
<div class="caption" id="caption"></div>
249-
<a class="prev">❮</a>
250-
<a class="next">❯</a>
251-
</div>
252-
</div>
253-
<p>
254-
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
255-
</p>
256-
<div class="gallery">
257-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
258-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
259-
<img src="/images/Swatch Tile Cover.png" alt="Swatch" class="gallery-item">
227+
<pre>ROLE: VISUAL DESIGNER</pre>
228+
<pre>DURATION: APPROX. 6 WEEKS</pre>
229+
<pre>
230+
Project: SWATCH Monogram Contest
231+
232+
Responsibility(s): Creative Direction and Visual Identity Design
233+
234+
Objective: Create a monogram for iconic Swiss-Watchmaker, SWATCH.
235+
236+
<span class="image main"><img src="/images/Swatch Process 1.png" min-width="300" alt="" /></span>
237+
<span class="image main"><img src="/images/Swatch Bento.png" min-width="300" alt="" /></span>
238+
<span class="image main"><img src="/images/Swatch Process 2.png" min-width="300" alt="" /></span>
239+
<span class="image main"><img src="/images/Swatch Process 3.png" min-width="300" alt="" /></span>
240+
<span class="image main"><img src="/images/Swatch Process 4.png" min-width="300" alt="" /></span>
241+
<span class="image main"><img src="/images/Swatch Timelapse.MP4" min-width="300" alt="" /></span>
242+
243+
</pre>
260244
<div id="lightbox" class="lightbox">
261245
<span class="close">×</span>
262246
<img class="lightbox-content" id="lightbox-img">

0 commit comments

Comments
 (0)