rossha.github.io/index.html at master · rossha/rossha.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Rosemary Shanley</title>
  <link rel="shortcut icon" href="assets/favicon.png" type="image/x-icon">
  <script src="https://use.fontawesome.com/a3b47b84d6.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="flex-container">
    <div class="header">
      <div class="nametag">
        <img class="nametag__image" src="assets/me-min.png" alt="Rosie Shanley | Web Application Developer">
        <div class="nametag__details">
          <div class="nametag__details__name">Rosie Shanley</div>
          <div class="nametag__details__title">Front End Web Developer</div>
          <a href="mailto:shanleyrs@gmail.com" class="mobile-button">GET IN TOUCH</a>
          <div class="mobile-disclaimer">For examples of past work, please view on a larger screen.</div>
          <div class="social">
            <a href="mailto:shanleyrs@gmail.com"><i class="fa fa-envelope" aria-hidden="true"></i></a>
            <a href="https://www.linkedin.com/in/rosemary-shanley/" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
            <a href="https://angel.co/rosemary-shanley" target="_blank"><i class="fa fa-angellist" aria-hidden="true"></i></a>
            <a href="https://github.com/rossha" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="flex-container">
    <div class="intro">
      <div class="intro__text">I’m a Front End Web Developer hailing from the Midwest. I am newly based in Denver, and am looking to join a team of passionate, hard-working, and kind people. I got my start in web development building websites and web applications for an experiential marketing agency in Saint Louis. While there, I developed solutions for a variety of clients with wide-ranging goals and business requirements, including Anheuser-Busch, Kia Motors, and Siemens.</div>
      <div class="intro__text">I worked with our clients to take their projects from ideation to production, taking care to ensure an excellent and consistent user experience for our products. I am passionate about building beautiful, thoroughly-tested web-based products. I am also very interested in interaction design, and know my way around design applications including photoshop and sketch.</div>
      <div class="intro__text intro_text--large">I live for <span id="rotating-content">all things HTML/CSS/Javascript.</span></div>
      <div class="intro__button-container">
        <a href="mailto:shanleyrs@gmail.com" class="intro__button-container__button">GET IN TOUCH</a>
        <div class="intro__button-container__button" id="see-my-work">SEE MY WORK</div>
      </div>
    </div>
    <div class="skills-interests">
      <ul class="skills"></ul>
      <ul class="skills"></ul>
      <ul class="skills"></ul>
      <div class="interests">
        <div class="interests__title">Technologies I'm Excited About</div>
        <ul class="interests__list">
          <li class="interest">GraphQL</li>
          <li class="interest">Electron</li>
          <li class="interest">TypeScript</li>
      </div>
    </div>
    <div class="portfolio">
      <div class="item">
        <div class="item__video">
          <video class="item__video--video" autoplay loop>
            <source src="assets/Happy-Leaf_Demo.mp4" type="video/mp4">
            Your browser does not support the video tag.
          </video>
        </div>
        <div class="item__text item__text--ipad-iphone">
          <a class="item__text__title" target="_blank" href="https://happy-leaf.herokuapp.com/">Happy Leaf Kombucha</a>
          <div class="item__text__desc__title">React Application Developer</div>
          <div class="item__text__desc">
            <div>— Designed and built an application that allows employees to easily update the website's daily taplist.</div>
            <div>— Changes within the admin portal update the application in real-time.</div>
            <div>— Built with React, GraphQL, & Apollo.</div><br>
            <div><a class="link" target="_blank" href="https://happy-leaf.herokuapp.com/">Live demo hosted on heroku.</a></div>
            <div>Click the gear in the bottom right corner to log into the admin portal.</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="item__text">
          <a class="item__text__title" target="_blank" href="http://www.gooseisland.com/">Goose Island Beer Company</a>
          <div class="item__text__desc__title">Lead Developer</div>
          <div class="item__text__desc">
            <div>— Built out several new sections, including a searchable <a class="link" href="http://www.gooseisland.com/pairings/" target="_blank">Beer & Food</a> page, a password-protected portal for wholesalers to view the warehouse's calendar and schedule tours, and a <a class="link" href="http://www.gooseisland.com/gritandgrain" target="_blank">video series</a> telling the brand's story.</div>
            <div>— Created an API using an Amazon Lambda function that enabled users to subscribe to our Mailchimp account without hosting a separate server.</div>
            <div>— Backwards compatible through IE8.</div>
          </div>
        </div>
        <div class="item__images">
          <img class="item__image item__image--iphone" src="assets/gi_iphone.png" alt="Goose Island Website for iPhone">
          <img class="item__image item__image--ipad" src="assets/gi_ipad.png" alt="Goose Island Website for iPad">
          <img class="item__image item__image--laptop" src="assets/gi_laptop.png" alt="Goose Island Website for Laptop">
        </div>
      </div>
      <div class="item align-left">
        <div class="item__images">
          <img class="item__image item__image--laptop" src="assets/bp_laptop.png" alt="Goose Island Website for Laptop">
          <img class="item__image item__image--ipad" src="assets/bp_ipad.png" alt="Goose Island Website for iPad">
          <img class="item__image item__image--iphone" src="assets/bp_iphone.png" alt="Goose Island Website for iPhone">
        </div>
        <div class="item__text">
          <a class="item__text__title" target="_blank" href="https://www.bluepointbrewing.com/">Blue Point Brewing Company</a>
          <div class="item__text__desc__title">Lead Developer</div>
          <div class="item__text__desc">
            <div>— Transferred the website from a JSP-based CMS to a JavaScript based CMS, rebuilding the data models.</div>
            <div>— Backwards compatible through IE8.</div>
        </div>
      </div>
    </div>
  </div>
  <div class="clients">
    <div class="clients__title">Other Clients:</div>
    <div class="clients__logos">
      <span title="Kia"> <img src="assets/kia.png" alt="Kia"></span>
      <span title="American Honey"> <img src="assets/american_honey.png" alt="American Honey"></span>
      <span title="ReadDog"> <img src="assets/readdog.png" alt="ReadDog"></span>
    </div>
  </div>

  <script src="scripts.js"></script>

</body>
</html>