alectrolytes.github.io/index.html at master · alectrolytes/alectrolytes.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
---
layout: default
title: Team Nexus - A convergence of awesome ideas!
---

  <!-- Header continuation -->
  <link rel="stylesheet" type="text/css" href="/css/frontpage.css"/>

  <script src="/js/frontpage.js"></script>
</head>
<body>

  <!-- Awesome zoom box navbar! -->
  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <div id="home-btn" class="box">
        HOME
        <span class="top"></span>
        <span class="right"></span>
        <span class="bottom"></span>
        <span class="left"></span>
        <a class="boxlink" href="#page1anchor"></a>
      </div>
      <div id="about-btn" class="box">
        ABOUT
        <span class="top"></span>
        <span class="right"></span>
        <span class="bottom"></span>
        <span class="left"></span>
        <a class="boxlink" href="#about"></a>
      </div>
      <div id="projects-btn" class="box">
        PROJECTS
        <span class="top"></span>
        <span class="right"></span>
        <span class="bottom"></span>
        <span class="left"></span>
        <a class="boxlink" href="#projects"></a>
      </div>
      <div id="challenges-btn" class="box">
        CHALLENGES
        <span class="top"></span>
        <span class="right"></span>
        <span class="bottom"></span>
        <span class="left"></span>
        <a class="boxlink" href="#challenges"></a>
      </div>
    </div>
  </nav>

  <!-- Home section -->
  <div id="page1">
    <a class="anchor" id="page1anchor"></a>
    <div class="overlay"></div>
    <div class="container">
      <h1>Welcome!</h1>
      <p>This developing website is dedicated to you and everyone else for being awesome in some way. You all deserve credit for leaving a positive imprint and being my motivation to continue improving. Currently, this website is best viewed via Google Chrome!</p>
    </div>
  </div>

  <!-- About section -->
  <div id="page2">
    <a class="anchor" id="about"></a>
    <div id="profile-pic"><img style="display: inline-block; vertical-align: middle; height: 80%" src="img/programmer.jpg" alt="Picture of Me!"/></div>
    <div class="container">
      <h1>Yo, I'm Alec.</h1>
      <p>I am a curious extrovert who currently studies pharmacy at the
        Philadelphia College of Pharmacy. I have a fascination for knowledge. My
        love for solving problems is matched only by my habit of creating them.
        My life goals are to make a change and inspire others. I enjoy multiplayer videogames, computer programming, and ultimate frisbee. I dislike surrendering, recursion, and sweets.</p>
      <p>My plan for the immediate future is to explore the confluence of
        medicine and technology. I have worked in retail and hospital settings,
        but I think I belong in non-traditional settings. I am currently
        pursuing a career in informatics pharmacy, but I am also interested in
        other fields where I can build tools for healthcare.</p>
      <p>Team Nexus is a representation of the convergence of experiences with everyone I have met. Succeeding at life is a team effort. My heroes teach and inspire me to emulate them with my own style. </p>
      <p>Contact me at: <a href="mailto:alec@teamnex.us">alec@teamnex.us</a></p>
    </div>
  </div>

  <!-- Projects section -->
  <div id="page3">
    <a class="anchor" id="projects"></a>
    <h1 align="center">Projects</h1>
    {% include projects.html %}
  </div>

  <!-- Challenges section -->
  <div id="page4">
    <a class="anchor" id="challenges"></a>
    <div class="row" style="height:30%">
      <div class="col-xs-8 col-md-8" style="height:100%">
        <div class="container" style="width: 90%; margin-left: 15%;">
          <h1>Challenges</h1>
          <p>I've been inspired by <a href="http://www.reddit.com/r/AskReddit/comments/258w8s/what_is_a_story_you_have_been_dying_to_tell/chex9eq" target="_blank">this reddit post</a> to have a challenge bucket list. Tell me something you have done, or want to do, that you think I should do. It can be anything, as challenging as you want it to be, or as easy. As long as you give me the rest of my life to complete it, I promise I will do it. Email me a challenge!</p>
        </div>
      </div>
      <div class="col-xs-4 col-md-4" style="height:100%">
        <div class="challenge-form" style="height: 80%; width: 80%">
          <form action="http://formspree.io/alec@teamnex.us" method="POST" style="margin-right: 15%; margin-top: 10%">
            <div class="row"><input type="text" name="name" placeholder="Your name" style="width: 15em; margin: 0.25em;"></div>
            <div class="row"><input type="email" name="_replyto" placeholder="Your email" style="width: 15em; margin: 0.25em;"></div>
            <div class="row"><textarea name="body" placeholder="Your challenge!" style="height: 6em; width: 15em; margin: 0.25em;"></textarea></div>
            <div class="row"><input type="submit" value="Send" style="width: 15em; margin: 0.25em;"></div>
          </form>
        </div>
      </div>
    </div>
    <div class="row" style="height:10%">
      <div class="container">
        <h3 style="color: #C0C0C0; text-align: center; font-family: Hind-Medium"><i>"Every win is possible. Your actions make it probable."</i></h3>
      </div>
    </div>
    {% include interactive-table.html %}
  </div>