sup david

jrs06005 · Apr 4, 2019 · 7b46152 · 7b46152
1 parent bdff698
commit 7b46152
Show file tree

Hide file tree

Showing 19 changed files with 38 additions and 149 deletions.
diff --git a/cropped/field.jpg b/cropped/field.jpg
diff --git a/cropped/lavigne.jpg b/cropped/lavigne.jpg
diff --git a/cropped/macdonald.jpg b/cropped/macdonald.jpg
diff --git a/cropped/michael.jpg b/cropped/michael.jpg
diff --git a/cropped/ness.jpg b/cropped/ness.jpg
diff --git a/cropped/phillips.jpg b/cropped/phillips.jpg
diff --git a/cropped/schultz.jpg b/cropped/schultz.jpg
diff --git a/cropped/sirois.jpg b/cropped/sirois.jpg
diff --git a/cropped/torres.jpg b/cropped/torres.jpg
diff --git a/cropped/wolf.jpg b/cropped/wolf.jpg
diff --git a/hero.jpg b/hero.jpg
diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
 
-    <title>2018 Digital Media and Design BFA Exhibition</title>
+    <title>2019 Digital Media and Design BFA Exhibition</title>
 
 
     <style>
@@ -31,180 +31,69 @@
 
     <main role="main">
 
-      <section class="jumbotron text-center" style=" display:flex; justify-content: center; align-items:center; height:50vh; background:url(hero.jpg); background-repeat: no-repeat; background-size: cover; background-attachment:fixed; background-position: center center;">
-
-          <h1 style="color:white;" class="jumbotron-heading">DMD's 2018 Presenting BFA Seniors</h1>
-
+      <section class="jumbotron text-center" style=" display:flex; justify-content: center; align-items:center; height:65vh; background:url(hero.jpg); background-repeat: no-repeat; background-size: cover; background-attachment:fixed; background-position: center center;">
       </section>
 
-      <div class="album py-5 bg-light">
+      <div id="artists" class="album py-5 bg-light">
         <div class="container">
-
           <div class="row">
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/brickner.jpg" alt="Amanda Brickner">
-                <div class="card-body">
-                  <h5 class="card-title">Amanda Brickner</h5>
-                  <p class="card-text">3D Animation and Rigging</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="https://amanda.graphics" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/field.jpg" alt="Evan Field">
-                <div class="card-body">
-                  <h5 class="card-title">Evan Field</h5>
-                  <p class="card-text">2D Motion/Graphic Designer</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="http://designbyfield.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/lavigne.jpg" alt="Justin LaVigne">
-                <div class="card-body">
-                  <h5 class="card-title">Justin Lavigne</h5>
-                  <p class="card-text">2D/3D Arist, Illustrator</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="https://justinlavigne.wixsite.com/home" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/macdonald.jpg" alt="Estelle MacDonald">
-                <div class="card-body">
-                  <h5 class="card-title">Estelle MacDonald</h5>
-                  <p class="card-text">3D Generalist</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="https://www.estelle-a-macdonald.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/michael.jpg" alt="Conner Michael">
-                <div class="card-body">
-                  <h5 class="card-title">Conner Michael</h5>
-                  <p class="card-text">3D Animation</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="http://www.connerm.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/ness.jpg" alt="Alex Ness">
-                <div class="card-body">
-                  <h5 class="card-title">Alex Ness</h5>
-                  <p class="card-text">3D Motion Graphics</p>
-                  <div class="d-flex justify-content-between align-items-center">
+            <div class="col-md-12">
 
-                      <a target="_blank" href="http://www.nessgraphics.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
+              <h3>Exhibition Dates</h3>
+              <p>April 8 to April 29, 2019</p>
 
-                  </div>
-                </div>
-              </div>
-            </div>
+              <address>
+                Jorgensen Gallery
+                Jorgensen Center for the Performing Arts
+                2132 Hillside Road
+                Storrs, CT  06269
+              </address>
 
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/phillips.jpg" alt="Christian Phillips">
-                <div class="card-body">
-                  <h5 class="card-title">Christian Phillips</h5>
-                  <p class="card-text">3D Motion Graphics</p>
-                  <div class="d-flex justify-content-between align-items-center">
+              <h3>Gallery hours:</h3> 
+              <p>Mon - Fri   10am to 4pm
+              Prior to performances and during intermissions</p>
 
-                      <a target="_blank" href="http://phillipschristian.com/" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
+              <h3>Reception</h3>
+              <p>Friday, April 12, 5-8pm</p>
 
-                  </div>
-                </div>
-              </div>
+              <p>Join us for the inaugural gallery exhibition for the 2019 senior class of Bachelor of Fine Arts Digital Media & Design students! This year we have a cohort of 21 talented students, 17 who have created a diverse body of senior projects - ranging from 2D and 3D animations, live-action films, interactive sites, and physical works. Also featured are our four DMD interns who, in lieu of a senior project, are sharing the incredible experiences working as professional interns at a variety of corporations.</p> 
             </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/schultz.jpg" alt="Ben Schultz">
-                <div class="card-body">
-                  <h5 class="card-title">Ben Schultz</h5>
-                  <p class="card-text">2D Motion Graphics/Character Design</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="https://benschultzportfolio.com/" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/sirois.jpg" alt="Mary Sirois">
-                <div class="card-body">
-                  <h5 class="card-title">Mary Sirois</h5>
-                  <p class="card-text">3D Modeling/Texturing/Lighting</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="https://www.mary-sirois.com/" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
+          </div>
 
-                  </div>
-                </div>
-              </div>
-            </div>
+          <div class="row">
 
+            <!-- For everyone, make one of these divs and fill out the content -->
             <div class="col-md-4">
               <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/torres.jpg" alt="Joel Torres">
+                <img class="card-img-top" src="cropped/brickner.jpg" alt="Amanda Brickner">
                 <div class="card-body">
-                  <h5 class="card-title">Joel Torres</h5>
-                  <p class="card-text">3D artist, Concept artist</p>
+                  <h5 class="card-title">Allison Betlej </h5>
+                  <p class="card-text">Internship, UConn ECE</p>
                   <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="http://www.absolution-studioart.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
+                      <a href="#"" class="btn btn-lg btn-block btn-outline-secondary" data-toggle="modal" data-target="#betlej-modal">Allison's Statement &raquo;</a>
                   </div>
                 </div>
               </div>
-            </div>
-
-          <div class="col-md-4">
-              <div class="card mb-4 box-shadow">
-                <img class="card-img-top" src="cropped/wolf.jpg" alt="Andrew Wolf">
-                <div class="card-body">
-                  <h5 class="card-title">Andrew Wolf</h5>
-                  <p class="card-text">UX/UI Design, Web Development</p>
-                  <div class="d-flex justify-content-between align-items-center">
-
-                      <a target="_blank" href="http://wolfandrew.com" class="btn btn-lg btn-block btn-outline-secondary">Website &raquo;</a>
-
+              <div id="betlej-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
+                <div class="modal-dialog">
+                  <div class="modal-content">
+                    <div class="modal-header">
+                      <h5>Allison Betlej</h5>
+                    </div>
+                    <div class="modal-body">
+                      <strong>DMD Internship: UConn Office of Early College Programs</strong>
+
+                      <p>I had the opportunity to intern as a graphic designer for the past four semesters at the Office of Early College Programs. Each day working there was different, and I was able to work on a range of projects. I got to do everything from web content creation, poster designs, social media content, and much more. I learned many new skills and gained experience in a field I love. I leave this internship as a more confident designer, passionate about my work and ready for the real world.</p>
+                    </div>
                   </div>
                 </div>
               </div>
             </div>
-
+            <!-- End Artist -->
 
           </div>
-        </div>
       </div>
-
+    </div>
     </main>
 
 

diff --git a/ness.jpeg b/ness.jpeg
diff --git a/originals/brickner.jpg b/originals/brickner.jpg
diff --git a/originals/field.png b/originals/field.png
diff --git a/originals/michael.jpg b/originals/michael.jpg
diff --git a/originals/ness.jpeg b/originals/ness.jpeg
diff --git a/originals/phillips.jpg b/originals/phillips.jpg
diff --git a/originals/sirois.jpg b/originals/sirois.jpg