abraxasrex.github.io/index.html at master · abraxasrex/abraxasrex.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
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
  <title>j.b.r.</title>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href='https://fonts.googleapis.com/css?family=Cousine' rel='stylesheet' type='text/css'>
  <link href="css/default.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/mobile.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <script src="js/model.js"></script>
</head>
<body>
 <header>
  <nav>
      <ul>
          <li id="nav-home"><a id="logo-container" href="https://abraxasrex.github.io" class="brand"><span id="logo-small">portfolio</span>({ jonathan.reasor })</a></li>
          <li id="nav-about"><a href="#about">About</a></li>
          <li id="nav-links"><a href="#bio">Links</a></li>
          <li id="nav-animate"><a class="animate-a">Animate on/off</a></li>
      </ul>
  </nav>
</header>

<div class="bg" id="river-container"></div>

<hr>
  <section class="carousel-section">

    <div class="slideshow-frame">

    <div class="carousel-item" id="item-container">
      <div class="portfolio_blurb">
        <span id="item-title">PlaceDrop</span>
        <p id="item-info"></p>
        <div class="append-links">
          <a href id="github-link" target="_blank"><div class="github-link">Github</div></a> |
          <a href id="live-link" target="_blank"><div class="live-link"> Live </div></a>
        </div>
        <div class="append-tags" id="item-tags">
        </div>
      </div>
  </div>

    </div>
    <span class="arrow-line">
      <span class="arrow-left"></span>
      <span class="arrow-right"></span>
    </span>

</section>
<hr>
  <section class="testimonial" id="about">
          <!-- <div class="bg" id="river-container"></div> -->
    <article>
          <h2><i class="material-icons">shuffle</i></h2>
          <h3>Versatile and Framework Agnostic</h3>
          <p>
            This webpage is <strong>totally</strong> vanilla HTML, CSS, and Javascript,
            including the <a href="https://github.com/abraxasrex/river-of-text">animations</a>. Equally at home
            working with JQuery, Angular, Bootstrap, Angular Material, and more.
            Have built full stack Javascript applications from scratch utilizing both Meteor and Express web frameworks.
            Develops and tests using Typescript, Babel.js, the Mocha and Chai testing libraries, and a number of other workflow tools.
          </p>
    </article>
    <hr>
      <article>
            <h2><i class="material-icons">verified_user</i></h2>
            <h5>Certified for Front End and Full Stack Development</h5>

            <p>View my <a href="http://www.freecodecamp.com/abraxasrex/front-end-certification" target="_blank">certificate</a>
              for Front End Development at Free Code Camp,
              where I graduated from writing basic "hello worlds" to spinning up professional
              quality web applications. FCC's community resources and collaborative
              spirit served as an excellent induction into dev culture. Also a graduate of Khan Academy's
              <a href="https://www.khanacademy.org/computing/computer-science/algorithms" target="_blank">course on algorithms</a>.
              Developed a single page Angular app, Grind Log Pro, from concept to deployment that's being used in grocery stores throughout the Southeast USA.
              Creates personal projects with Javascript and C# using multiple frameworks and approaches.
            </p>
      </article>

      <article>
            <h2><i class="material-icons">group</i></h2>
            <h5 class="center">Community-oriented</h5>
            <p>
              A regular Github user and instructor in version control and pair programming.
              Regularly attends meetups hosted by local organizations like Galvanize, Code Fellows, and SeattleJS, continuing
              to connect with other programmers and explore the current frontier of web technologies and hone our skills together.
              The 2016 Seattle Cinematic VR challenge prompted my first team <a href="https://github.com/abraxasrex/Esterling-a-VR-storybook">project</a> using the Unity development platform.
              Developed a node API and C# event scripts for <a target="_blank" href="https://github.com/MichaelHazani/projectBluebird">Project Bluebird</a> at the 2017 AT&T VR/AR Hackathon
            </p>
      </article>
      <hr>
      <article>
            <h2><i class="material-icons">school</i></h2>
            <h5>Education and Mentorship</h5>
            <p>
            Taught English as a second language to students of all ages.
            Taught middle schoolers coding, minecraft and more through the Jane Addams YMCA middle school program.
            Applied this same drive to education as an Assistant Instructor at Code Fellows' Seattle campus.
            Coached students to familiarity with a toolbox of HTML, CSS, Javascript, Git, and agile development practices.
            Mentored several Full Stack graduate cohorts at Coder Camps' Redmond campus in both the MEAN and .NET stacks.
            </p>
      </article>

      <article>
          <h2><i class="material-icons">language</i></h2>
          <h5>Globally and Socially Minded</h5>
          <p>Studied and lived in Sidi Bou Said in Tunisia, gaining proficiency in Arabic
            through the University of North Carolina
            at Chapel Hill's Global Studies program. Backpacked through the Amazon and the Andes volunteering in ecological sanitation.
            Altogether, have worked and played across five continents. In 2017 I gave back to my community by co-managing
            the website for<a href="http://cairseattle.org" target="_blank"> the Council on American-Islamic Relations, Washington</a>,
            which seeks to encourage dialogue and protect the civil liberties of members of the American Muslim community.
          </p>
        </article>
</section>
<hr>
  <footer>
    <section class="bio" id="bio">
          <div class="img-container">
            <img src="img/linkedin2.jpg">
          </div>
                <article>
                        <h2> Connect: </h2>
          <p>
             Check out my other open source projects, ranging from audio programming
             to immersive VR to animation widgets.
             Learn more about my passion to create new, innovative experiences for the web.
             <br>
             <br> Contact at: <br>
             jbreasor@gmail.com.
          </p>
        </article>
        </section>

    <section class="papertrail">
        <div class="papertrail-item">
          <a href="https://github.com/abraxasrex" target="_blank">
            Github
            <img src="img/pic_github.jpg">
          </a>
        </div>

        <div class="papertrail-item">
          <a href="https://www.linkedin.com/in/jonathan-reasor-16966352" target="_blank">
            LinkedIn
            <img src="img/pic_linkedin.png">
          </a>
        </div>

        <!-- <div class="papertrail-item">
           <a href="http://devpost.com/jbreasor" target="_blank">
            Devpost
            <img src="img/devpost.jpg">
          </a>
        </div> -->

         <div class="papertrail-item" >
           <a href="http://www.freecodecamp.com/abraxasrex" target="_blank">
             F.C.C.
             <img src="img/pic_fcc.png">
           </a>
         </div>

        <div class="papertrail-item" >
          <a href="http://codepen.io/jbreasor/" target="_blank">
            Codepen
            <img src="img/pic_codepen.jpg">
          </a>
        </div>

        <div class="papertrail-item">
          <a href="https://www.npmjs.com/~abraxasrex" target="_blank">
            NPM
            <img src="https://avatars0.githubusercontent.com/u/6078720?v=3&s=400" target="_blank">
           </a>
        </div>

        <div class="papertrail-item">
          <a href="https://www.codewars.com/users/abraxasrex" target="_blank">
            Code_Wars
            <img src="img/code_wars.jpg">
          </a>
        </div>

        <div class="papertrail-item">
          <a href="https://mindbodyscissors.wordpress.com/2015/10/19/meteor-js-through-the-lens-of-a-junior-dev/" target="_blank">
          Wordpress
            <img src="img/wordpress.png">
          </a>
        </div>

        <div class="papertrail-item">
          <a href="" target="_blank">
          Hackerrank
            <img src="img/hackerrank.png">
          </a>
        </div>

    </section>
    <span style="text-align: right; width:100%;"> Jonathan Reasor 2016 </span>
  </footer>
<script src ="js/carousel.js"></script>
<script src="js/animate-bg.js"></script>
</body>
</html>