www.glompix.com/index.html at master · glompix/www.glompix.com · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>glompix's site</title>
  <meta name="description" content="Just a cool web site for cool people. Come chill out or just relax.">
  <meta name="viewport" content="width=device-width">
  <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
  <style type="text/css">
    body {
      padding-top: 50px;
      padding-bottom: 20px;
      background: #F1889D;
      color: #fafafa;
    }

    .project-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .project-list h4 small a {
      color: #aaa;
    }

    .project-list h4 small a:hover {
      color: #428BCA;
    }

    .well {
      padding-top: 0;
      opacity: 0.95;
      background-image: linear-gradient(to bottom, #444 0, #333 100%);
      border-color: #222;
      box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    }

    .shadow {
      box-shadow: 2px 2px 5px rgba(0,0,0,0.8);
    }
    h1 { margin-bottom: 24px; }
    h2,h3 { margin-bottom: 16px; }
  </style>

  <!--[if lt IE 9]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>

<body>
  <div id="Background" style="position:fixed;left:0;top:0;width:100%;height:100%;z-index:-999"></div>
  <div class="body container" style="z-index:1;">
    <div class="row">
      <div class="col-md-6 well">
        <h1>Samantha Branham <small>@glompix</small></h1>
        <img src="//1.gravatar.com/avatar/4f805ebcde59be430266ba3868fc5f3b?d=mm&s=180" alt="gravatar" class="img-rounded pull-right" style="margin-left: 20px;" />
        <p class="bio">
          Hi! I'm a software developer. My expertise is in building cloud apps and web ui, but I like to dabble in 3D graphics, computer vision, and music too.
        </p>
        <p class="twitter-user">Twitter <a href="http://twitter.com/glompix">@glompix</a></p>
        <p class="github-user">GitHub <a href="http://github.com/glompix">glompix</a></p>
        <div class="clearfix"></div>
      </div>
      <div class="col-md-6 hidden-sm hidden-xs" id="dota-stats">
        <a href="http://steamprofile.com/" target="_blank"><img src="//badges.steamprofile.com/profile/default/steam/76561197980333536.png" border="0" alt="Steamprofile badge by Steamprofile.com" class="img-rounded shadow"></a>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6 well">
        <h2>Projects</h2>
        <p class="text-center text-muted">
          Holy shit I'm lazy at updating this lol~
        </p>

        <h3>Defunct</h3>
        <ul class="project-list">
          <li>
            <h4>
						  <a href="http://dragonputer.azurewebsites.net">Dragonputer</a>
							<small>(<a href="http://github.com/glompix/Dragonputer">GitHub</a>)</small>
						</h4>
            <p>
              Dungeons &amp; Dragons 4th Edition character app. Responsive to both desktop and mobile editing. Save and access characters offline while roleplaying in the woods, then sync the character to the cloud when you come back online. Built with AngularJS and
              Bootstrap+LESS. A love letter to HTML5.
            </p>
          </li>
          <li>
            <h4>
							<a href="http://injectcc.azurewebsites.net">inject.cc</a>
							<small>(<a href="http://github.com/glompix/InjectCC">GitHub</a>)</small>
						</h4>
            <p>
              A simple, free tool to allow users to track rotating injection schedules for any medication. Built with ASP.NET MVC 3, SVG, and jQuery. Responsive to desktop or mobile browsers, with help from Bootstrap.
            </p>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script type="text/javascript" src="js/vendor/three.min.js"></script>
  <script type="text/javascript" src="js/vendor/OBJLoader.js"></script>
  <script type="text/javascript" src="js/main.js"></script>
</body>

</html>