-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
107 lines (107 loc) · 8.39 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://michaelfrancis.me" rel="canonical">
<link href="https://s3.amazonaws.com/michaelfrancis.me/images/favicon.ico" rel="icon" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://cdn.rawgit.com/konpa/devicon/master/devicon.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<meta content="This is the personal website of Michael Francis, a Lead Software Engineer @ IBM, hailing from New Jersey. He enjoys Doom a little too much." name="description">
<meta content="#b32c00" name="theme-color">
<meta content="initial-scale=1, width=device-width" name="viewport">
<script defer src="script.js"></script>
<title>Michael Francis</title>
</head>
<body>
<header>
<div class="container">
<h1>Hey, I'm Michael.</h1>
<h2>I make <span class="underline">cool stuff</span>.</h2>
<div class="container" id="learn-more">
<p>Caught your eye? Learn more about me.</p>
<a aria-label="Learn More" class="fa fa-angle-down smooth-scroll" data-duration="1000" data-ease="easeInOutQuad" data-interruptible="touchmove wheel" href="#whoami"></a>
</div>
</div>
</header>
<section id="whoami">
<div class="container">
<h2>Who am I?</h2>
<p>I have a master's degree in Computer Science from Rochester Institute of Technology. Graphics programming and web development are my primary trades, but I have passion for many other areas in software. After all, I am very much a coder at heart.</p>
<hr>
<p>Below are a sample of my skills.</p>
<div id="skills">
<span class="devicon-android-plain tooltipper" data-delay="0" data-text="Android"></span>
<span class="devicon-angularjs-plain tooltipper" data-delay="0" data-text="AngularJS"></span>
<span class="devicon-apache-plain tooltipper" data-delay="0" data-text="Apache"></span>
<span class="devicon-bootstrap-plain tooltipper" data-delay="0" data-text="Bootstrap"></span>
<span class="devicon-c-plain tooltipper" data-delay="0" data-text="C"></span>
<span class="devicon-cplusplus-plain tooltipper" data-delay="0" data-text="C++"></span>
<span class="devicon-css3-plain tooltipper" data-delay="0" data-text="CSS3"></span>
<span class="devicon-debian-plain tooltipper" data-delay="0" data-text="Debian"></span>
<span class="devicon-docker-plain tooltipper" data-delay="0" data-text="Docker"></span>
<span class="devicon-express-original tooltipper" data-delay="0" data-text="Express"></span>
<span class="devicon-flask-plain tooltipper" data-delay="0" data-text="Flask"></span>
<span class="devicon-git-plain tooltipper" data-delay="0" data-text="Git"></span>
<span class="devicon-gradle-original tooltipper" data-delay="0" data-text="Gradle"></span>
<span class="devicon-gulp-plain tooltipper" data-delay="0" data-text="Gulp"></span>
<span class="devicon-html5-plain tooltipper" data-delay="0" data-text="HTML5"></span>
<span class="devicon-java-plain tooltipper" data-delay="0" data-text="Java"></span>
<span class="devicon-javascript-plain tooltipper" data-delay="0" data-text="JavaScript"></span>
<span class="devicon-jquery-plain tooltipper" data-delay="0" data-text="jQuery"></span>
<span class="devicon-kubernetes-plain tooltipper" data-delay="0" data-text="Kubernetes"></span>
<span class="devicon-linux-plain tooltipper" data-delay="0" data-text="Linux"></span>
<span class="devicon-mongodb-plain tooltipper" data-delay="0" data-text="MongoDB"></span>
<span class="devicon-mysql-plain tooltipper" data-delay="0" data-text="MySQL"></span>
<span class="devicon-nginx-plain tooltipper" data-delay="0" data-text="NGINX"></span>
<span class="devicon-nodejs-plain tooltipper" data-delay="0" data-text="Node.js"></span>
<span class="devicon-php-plain tooltipper" data-delay="0" data-text="PHP"></span>
<span class="devicon-python-plain tooltipper" data-delay="0" data-text="Python"></span>
<span class="devicon-rails-plain tooltipper" data-delay="0" data-text="Rails"></span>
<span class="devicon-redis-plain tooltipper" data-delay="0" data-text="Redis"></span>
<span class="devicon-ruby-plain tooltipper" data-delay="0" data-text="Ruby"></span>
<span class="devicon-sass-plain tooltipper" data-delay="0" data-text="SASS"></span>
<span class="devicon-travis-plain tooltipper" data-delay="0" data-text="Travis"></span>
<span class="devicon-typescript-plain tooltipper" data-delay="0" data-text="Typescript"></span>
<span class="devicon-ubuntu-plain tooltipper" data-delay="0" data-text="Ubuntu"></span>
</div>
<a class="button" href="https://s3.amazonaws.com/michaelfrancis.me/docs/Resume.pdf">My Résumé</a>
</div>
</section>
<section id="projects">
<div class="container">
<h2>Latest Projects</h2>
<div class="flex">
<div class="project">
<a href="https://github.com/mfrancis95/crispy-multiplayer-doom">
<img alt="Doom Forks" src="https://s3.amazonaws.com/michaelfrancis.me/images/doom.png" title="Doom Forks">
</a>
<p>As a long-time fan of id Software's Doom, I've decided to give back to the wonderful community that has kept it going for 25+ years with contributions to several popular open-source Doom source ports, all while maintaining some forks of my own, such as Crispy Multiplayer Doom.</p>
<a class="button" href="https://github.com/mfrancis95/crispy-multiplayer-doom">Check it out</a>
</div>
<div class="project">
<a href="https://github.com/mfrancis95/game-night">
<img alt="Game Night" src="https://s3.amazonaws.com/michaelfrancis.me/images/game-night.jpg" title="Game Night">
</a>
<p>Developed for RIT's Computer Science House (CSH), Game Night is a fully searchable board and card game database, with games submitted and edited by the organisation's members. The service also exposes a RESTful API, which is already in use by an application built for the Slack platform.</p>
<a class="button" href="https://github.com/mfrancis95/game-night">Check it out</a>
</div>
<div class="project">
<a href="https://github.com/mfrancis95/redis-provisioner">
<img alt="Redis Provisioner" src="https://s3.amazonaws.com/michaelfrancis.me/images/redis-provisioner.png" title="Redis Provisioner">
</a>
<p>The Redis Provisioner is a tool that creates and maintains Redis servers through a RESTful API. Each instance gets bound to its own Docker container. This was developed to accommodate CSH's existing provisionable database services.</p>
<a class="button" href="https://github.com/mfrancis95/redis-provisioner">Check it out</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container flex">
<a class="fa fa-envelope" href="mailto:[email protected]" title="Email"></a>
<a class="fa fa-github" href="https://github.com/mfrancis95" title="GitHub"></a>
<a class="fa fa-linkedin" href="https://www.linkedin.com/in/mfrancis95" title="LinkedIn"></a>
</div>
</footer>
</body>
</html>