diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..6b721b2 --- /dev/null +++ b/LICENSE @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2014 Ian Adam Naval + +Permission is hereby granted, free of charge, to any person obtaining a copy of +this software and associated documentation files (the "Software"), to deal in +the Software without restriction, including without limitation the rights to +use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of +the Software, and to permit persons to whom the Software is furnished to do so, +subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS +FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR +COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER +IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN +CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..0cdb89f --- /dev/null +++ b/README.md @@ -0,0 +1,32 @@ +ianonavy +======== + +Source code for my personal website. + +Requirements +------------ + +* python 2.6+ +* pip +* virtualenv +* nginx +* supervisord + +Installing +---------- + +Exact commands vary with OS. + +1. Clone git repository. +2. Create a virtual environment in the same directory, and source the `activate` script. +3. Navigate into the directory and install the required Python packages with `pip install -r requirements.txt`. +4. Symlink or copy the file `conf/nginx.conf` into the nginx configuration directory (e.g. `/etc/nginx/conf.d/ianonavy.conf` for CentOS). +5. Symlink or copy the file `conf/supervisord.conf` into the supervisord configuration directory. +6. Reload the config files of both nginx and supervisord, and ensure that both daemons are running. + +Note that you probably need to edit the config files to point to the directory in which you cloned this repo as well as the `server_name` for nginx. + +Updating +-------- + +To update, just run `git pull` in the repository. For the Web service, you may need to instruct supervisord to restart the daemons. diff --git a/conf/nginx.conf b/conf/nginx.conf new file mode 100644 index 0000000..2e76bf4 --- /dev/null +++ b/conf/nginx.conf @@ -0,0 +1,40 @@ +server { + listen 80; + listen 443 default_server ssl; + + ssl_certificate /var/sites/ianonavy.com/ssl/unified.crt; + ssl_certificate_key /var/sites/ianonavy.com/ssl/ssl-decrypted.key; + + server_name *.ianonavy.com ianonavy.com www.ianonavy.com; + + access_log /var/log/nginx/ianonavy.access.log; + error_log /var/log/nginx/ianonavy.error.log; + + if ($host != 'ianonavy.com') { + rewrite ^/(.*)$ http://ianonavy.com/$1 permanent; + } + + root /var/sites/ianonavy.com/www; + + location = /robots.txt { + alias /var/www/robots/all/robots.txt; + } + + location /static/ { # STATIC_URL + alias /var/sites/ianonavy.com/www/src/static/; # STATIC_ROOT + expires off; + } + + location = /google9677fb7678857b96.html { + rewrite ^/(.*) $1; + return 200 "google-site-verification: google9677fb7678857b96.html"; + } + + location / { try_files $uri @ianonavy; } + location @ianonavy { + include fastcgi_params; + fastcgi_param PATH_INFO $fastcgi_script_name; + fastcgi_param SCRIPT_NAME ""; + fastcgi_pass unix:/tmp/ianonavy-fcgi.sock; + } +} diff --git a/conf/supervisord.conf b/conf/supervisord.conf new file mode 100644 index 0000000..d74983d --- /dev/null +++ b/conf/supervisord.conf @@ -0,0 +1,24 @@ +[fcgi-program:ianonavy] +command=/var/sites/ianonavy.com/www/src/ianonavy.fcgi +socket=unix:///tmp/ianonavy-fcgi.sock +process_name=%(program_name)s_%(process_num)02d +directory=/var/sites/ianonavy.com/www/src +environment=PATH="/var/sites/ianonavy.com/www/bin" +numprocs=5 +priority=999 +autostart=true +autorestart=true +startsecs=1 +startretries=3 +exitcodes=0,2 +stopsignal=QUIT +stopwaitsecs=10 +user=app +redirect_stderr=true +stdout_logfile=/tmp/ianonavy.log +stdout_logfile_maxbytes=1MB +stdout_logfile_backups=10 +stderr_logfile=/tmp/ianonavy_err.log +stderr_logfile_maxbytes=1MB +stderr_logfile_backups=10 + diff --git a/requirements.txt b/requirements.txt new file mode 100644 index 0000000..5e605c2 --- /dev/null +++ b/requirements.txt @@ -0,0 +1,2 @@ +Flask +flup \ No newline at end of file diff --git a/src/ianonavy.fcgi b/src/ianonavy.fcgi new file mode 100755 index 0000000..448b011 --- /dev/null +++ b/src/ianonavy.fcgi @@ -0,0 +1,6 @@ +#!/usr/bin/env python +from flup.server.fcgi import WSGIServer +from server import app + +if __name__ == '__main__': + WSGIServer(app, bindAddress='/tmp/ianonavy-fcgi.sock', umask=0002).run() diff --git a/src/server.py b/src/server.py index b5c4570..7f19ca3 100644 --- a/src/server.py +++ b/src/server.py @@ -10,17 +10,6 @@ def home(): return render_template('index.html') -@app.route('/contact') -def contact(): - return render_template('contact.html') - - - -@app.route('/about') -def about(): - return render_template('about.html') - - @app.route('/labs') def labs(): return render_template('labs.html') diff --git a/src/static/css/about.css b/src/static/css/about.css deleted file mode 100644 index 76ed954..0000000 --- a/src/static/css/about.css +++ /dev/null @@ -1,33 +0,0 @@ -#main { - font-family: "Ubuntu", sans-serif; -} - -img#me { - position: relative; - width: 240px; - float: left; -} - -img#me.fixed { - position: fixed; - top: 48px; -} - -#skills, #about-me, #hobbies { - margin: 0; - padding: 0; - width: 600px; - float: right; -} - -#skills ul { - margin: 0; - padding: 0 0 2em 2em; - font-size: 1em; -} - -#skills p, #about-me p, #hobbies p { - margin: 0 0 1em; - text-indent: 2.5em; - font-size: 1em; -} diff --git a/src/static/css/error.css b/src/static/css/error.css index e1380ba..ef985a5 100644 --- a/src/static/css/error.css +++ b/src/static/css/error.css @@ -2,7 +2,7 @@ text-align: center; } -img#error-cat { +#error-cat { margin: 1em; width: 240px; } \ No newline at end of file diff --git a/src/static/css/portfolio.css b/src/static/css/portfolio.css index c981581..cb035b2 100644 --- a/src/static/css/portfolio.css +++ b/src/static/css/portfolio.css @@ -1,50 +1,95 @@ -.item { - display: block; - margin: 1em 0 3em; - clear: both; -} +.center-wrapper { + display: block; + text-align: center; } + .center-wrapper .center-wrapped { + display: inline-block; + vertical-align: top; } -.item img { - margin: 0 16px 16px 0; - box-shadow: 0 0 16px 4px #000; - float: left; -} +.about-section { + display: inline-block; + margin: 0 24px 0; + width: 312px; + text-align: left; + vertical-align: top; } -.item a { - border: none; -} +#me { + width: 280px; } -.item h3 { - display: inline; -} +.technology-list { + justify-content: space-around; } -.item p { - padding: 8px; -} +.technology { + max-height: 48px; + margin: 2px; } -.section { +#resume { + text-align: center; } + +#portfolio-items { + max-width: 1320px; + margin: 0 auto; } + +.portfolio-item { + margin: 16px; + padding: 16px; + border-radius: 4px; + width: 296px; + text-align: center; + background-color: #e8e8e8; + color: #000; + box-shadow: 2px 2px 10px #0F0907; + flex: 1 0 auto; } + .portfolio-item p { margin: 0; - padding: 2em 0 0; - clear: both; -} + font-size: .8em; } -#android .item img { - width: 240px; -} +/* iPhone */ +@media only screen and (min-device-width: 320px) and (max-device-width: 568px) { + #header { + font-size: .8em; } -#websites .item img { - width: 320px; -} + .section { + padding: 8px; } -#sysadmin .item img { - width: 320px; -} + .about-section { + margin: 0; + max-width: 288px; } -@media (max-width: 650px) { - #android img, #websites img, #sysadmin img { - display: block; - float: none; - clear: both; - margin: 1em auto; - } -} + .about-section ul { + padding: 0; + list-style: none; } + + .portfolio-items { + padding: 0; } + + .portfolio-item { + margin: 8px 0 0; + width: 256px; } + + .technology-list img { + width: 100%; } + + #calendar, #calendar-label { + display: none; } } +.screenshot { + margin: 0; + width: 100%; + border: 1px #ddd solid; } + +#calendar { + width: 100%; + max-width: 1320px; + height: 480px; + border: 0; } + +/* Force image on its own line for two-column layout */ +@media only screen and (min-width: 691px) and (max-width: 1054px) { + #me { + display: block; + margin: 0 auto; } } +/* Fix spacing for one- and two- column layout */ +@media only screen and (max-width: 1054px) { + .about-section { + margin-top: 16px; } } +.cheeky-aside { + font-size: .5em; } diff --git a/src/static/css/portfolio.scss b/src/static/css/portfolio.scss new file mode 100644 index 0000000..c7dfcb4 --- /dev/null +++ b/src/static/css/portfolio.scss @@ -0,0 +1,131 @@ +.center-wrapper { + display: block; + text-align: center; + + .center-wrapped { + display: inline-block; + vertical-align: top; + } +} + +.about-section { + display: inline-block; + margin: 0 24px 0; + width: 312px; + text-align: left; + vertical-align: top; +} + +#me { + width: 280px; +} + +.technology-list { + justify-content: space-around; +} + +.technology { + max-height: 48px; + margin: 2px; +} + +#resume { + text-align: center; +} + +#portfolio-items { + max-width: 1320px; + margin: 0 auto; +} + +.portfolio-item { + margin: 16px; + padding: 16px; + border-radius: 4px; + width: 296px; + text-align: center; + background-color: #e8e8e8; + color: #000; + box-shadow: 2px 2px 10px #0F0907; + flex: 1 0 auto; + + p { + margin: 0; + font-size: .8em; + } +} + +/* iPhone */ +@media only screen +and (min-device-width : 320px) +and (max-device-width : 568px) { + #header { + font-size: .8em; + } + + .section { + padding: 8px; + } + + .about-section { + margin: 0; + max-width: 288px; + } + + .about-section ul { + padding: 0; + list-style: none; + } + + .portfolio-items { + padding: 0; + } + + .portfolio-item { + margin: 8px 0 0; + width: 256px; + } + + .technology-list img { + width: 100%; + } + + #calendar, #calendar-label { + display: none; + } +} + +.screenshot { + margin: 0; + width: 100%; + border: 1px #ddd solid; +} + +#calendar { + width: 100%; + max-width: 1320px; + height: 480px; + border: 0; +} + +/* Force image on its own line for two-column layout */ +@media only screen +and (min-width : 691px) +and (max-width : 1054px) { + #me { + display: block; + margin: 0 auto; + } +} + +/* Fix spacing for one- and two- column layout */ +@media only screen +and (max-width : 1054px) { + .about-section { + margin-top: 16px; + } +} + +.cheeky-aside { + font-size: .5em; +} \ No newline at end of file diff --git a/src/static/css/style.css b/src/static/css/style.css index 15d50a6..fac4309 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -2,93 +2,49 @@ html, body { height: 100%; margin: 0 auto; - background: #111; - color: #0c0; } -body { - font-family: "Ubuntu", sans-serif; -} +body { font-family: Arial, sans-serif; } +a { text-decoration: none; } +a:hover { text-decoration: underline; } -a { - color: #b9f73e; - text-decoration: none; -} - -a:hover { - color: #b9f73e; - text-decoration: underline; -} - -a:visited { - color: #b9f73e; +h1, h2, h3, h4 { + margin: 0; + clear: both; } /* Header */ #header { margin: 0; - padding: 16px; - text-align: left; - font-size: 2em; - background: #000; + padding: 16px 0 0; + text-align: center; + background: #222; color: #0f0; - font-family: "Ubuntu Mono", monospace; + font-family: Arial, sans-serif; } -#header img#logo { - margin: 0; - padding: 0; - float: left; - width: 196px; - height: auto; - border: none; -} - -#header h1 { - margin: 0; +#name { + margin: 0; + color: #fff; font-size: 2.5em; } -#header h2#tagline { - margin: 0; - font-size: .75em; - font-weight: normal; +#tagline { + margin: 0 auto; + padding: 0 0 8px; + font-size: .9em; + color: #72bbfa; + border-bottom: 1px solid #fff; + width: 304px; } -#header #name { - display: inline-block; - font-family: "Ubuntu", sans-serif; -} - -#header #name a { - color: #fff; -} /* Navigation */ #nav { width: 100%; - margin: 0; + margin: 8px 0 0; padding: 0; text-align: center; - clear: both; - background: #000; -} - -#nav.top { - position: relative; - top: auto; - left: auto; - padding: 0; - font-size: .85em; -} - -#nav.scrolled { - position: fixed; - top: 0; - left: 0; - padding: 4px; - font-size: .7em; - z-index: 1; } #nav ul { @@ -99,105 +55,46 @@ a:visited { } #nav li { + /*width: 61px;*/ + margin: 0; display: inline-block; list-style: none; + padding: 4px 8px; + background-color: #fff; + border-radius: 2px 2px 0 0; } -#nav.top li { - padding: 0 1em 0; -} - -#nav.scrolled li { - padding: 0 .65em 0; -} - -#nav li.selected a { - color: #099; -} - -#nav li.selected a:hover { - text-decoration: none; -} - -#nav.top #top-link { - display: none; -} - -#nav.scrolled #top-link { - display: inline; -} - -#small-logo { - margin: 0; - padding: 0; - vertical-align: middle; - display: none; - width: 24px; -} - -#nav.top #small-logo { - display: none; -} - -#nav.scrolled #small-logo { - display: inline-block; +#nav a { + color: #428bca; } /* Main body */ -#main { - margin: 0; - padding: 48px; - position: relative; - background: #000 url('/static/img/dark_stripes.png'); - - text-align: left; +.section { + padding: 16px; } -#main:after { /* Clear floats */ - visibility: hidden; - width: 0; - height: 0; - margin: 0; - padding: 0; - display: block; - clear: both; - font-size: 0; - content: ""; +.section:nth-child(even) { + background-color: #222; + color: #fff; } -#main p { - margin: 0 0 1em 0; - padding: 0; - font-size: 1em; - text-shadow: 2px 2px 4px #000; -} - -#main h2 { +.button { + display: inline-block; margin: 0; - clear: both; + padding: 8px; + + background-color: #428bca; + border-color: #285e8e; + border-radius: 2px; color: #fff; - font-family: "Ubuntu Mono", monospace; - font-size: 3em; - text-align: left; - text-shadow: 2px 2px 16px #000; + text-decoration: none; } -#main h3 { - margin: 0; - clear: both; - - color: #39e639; - font-family: "Ubuntu Mono", monospace; - font-size: 1.75em; -} - -#main h4 { - margin: 0; - - color: #0f0; - font-family: "Ubuntu Mono", monospace; - font-size: 1.5em; +.button:hover { + background-color: #3276b1; + border-color: #284e8e; + text-decoration: none; } /* Footer */ @@ -205,76 +102,7 @@ a:visited { margin: 0; padding: .5em; clear: both; - background: #000; + background: #222; + color: #fff; font-size: 1em; } - -.errorlist { - margin: 0; - padding: .5em; - color: #f00; -} - -.errorlist li { - list-style: none; -} - -body { - max-width: 960px; -} - -/* Handle screen sizes */ -@media (max-width: 980px) { - #header { - font-size: 1.75em; - } - - #nav.scrolled { - max-width: 980px; - font-size: .9em; - } - - #nav.scrolled #small-logo { - display: none; - } -} - -@media (max-width: 900px) { - #header { - font-size: 1.75em; - } -} - -@media (max-width: 800px) { - #header { - font-size: 1.5em; - } - - #header img#logo { - display: block; - width: 128px; - margin: 0 auto; - } -} - -@media (max-width: 700px) { - #header { - font-size: 1.25em; - } -} - -@media (max-width: 650px) { - body { - min-width: 480px; - } - - #header img#logo { - display: block; - width: 64px; - margin: 0 auto; - } - - #greeting { - display: none; - } -} diff --git a/src/static/css/test.scss b/src/static/css/test.scss new file mode 100644 index 0000000..662c5da --- /dev/null +++ b/src/static/css/test.scss @@ -0,0 +1,34 @@ +@supports not (flex-wrap: wrap) { + .Grid--ffMultilineSupport { + display: block; + & > .Grid-cell { + display: inline-block; + vertical-align: top; + } + } + @mixin grid-sizing($name: "") { + $sep: "-"; + @if $name == "" { + $sep: ""; + } + .#{$name}#{$sep}Grid--full { + display: block; + & > .Grid-cell { + display: block; + } + } + .#{$name}#{$sep}Grid--fit, + .#{$name}#{$sep}Grid--1of2, + .#{$name}#{$sep}Grid--1of3, + .#{$name}#{$sep}Grid--1of4 { + display: flex; + } + } + @include grid-sizing(); + @each $breakpoint in $breakpoints { + $name: nth($breakpoint, 2); + @include breakpoint($name) { + @include grid-sizing($name); + } + } +} \ No newline at end of file diff --git a/src/static/img/acm.png b/src/static/img/acm.png new file mode 100644 index 0000000..f2cd338 Binary files /dev/null and b/src/static/img/acm.png differ diff --git a/src/static/img/ian-280.jpg b/src/static/img/ian-280.jpg new file mode 100644 index 0000000..25210b9 Binary files /dev/null and b/src/static/img/ian-280.jpg differ diff --git a/src/static/img/ian.jpg b/src/static/img/ian-original.jpg similarity index 100% rename from src/static/img/ian.jpg rename to src/static/img/ian-original.jpg diff --git a/src/static/img/mathhammer.png b/src/static/img/mathhammer.png index 5370efa..47d8ee0 100644 Binary files a/src/static/img/mathhammer.png and b/src/static/img/mathhammer.png differ diff --git a/src/static/img/mirrors.png b/src/static/img/mirrors.png new file mode 100644 index 0000000..61b9451 Binary files /dev/null and b/src/static/img/mirrors.png differ diff --git a/src/static/img/potatoipsum.png b/src/static/img/potatoipsum.png new file mode 100644 index 0000000..8958842 Binary files /dev/null and b/src/static/img/potatoipsum.png differ diff --git a/src/static/img/sms-fixer.png b/src/static/img/sms-fixer.png new file mode 100644 index 0000000..d16efbb Binary files /dev/null and b/src/static/img/sms-fixer.png differ diff --git a/src/static/img/smspammer.png b/src/static/img/smspammer.png index da22b57..e905fcd 100644 Binary files a/src/static/img/smspammer.png and b/src/static/img/smspammer.png differ diff --git a/src/static/img/technologies.png b/src/static/img/technologies.png new file mode 100644 index 0000000..717441e Binary files /dev/null and b/src/static/img/technologies.png differ diff --git a/src/static/js/index.js b/src/static/js/index.js deleted file mode 100644 index 490c3c0..0000000 --- a/src/static/js/index.js +++ /dev/null @@ -1,109 +0,0 @@ -/** - * Gets the cummulative offset from the origin of a particular element by iteratively going through its parents. - **/ -function getCumulativeOffset(element) { - var left, top; - left = top = 0; - if (element != null && element.offsetParent) { - do { - left += element.offsetLeft; - top += element.offsetTop; - } while (element = element.offsetParent); - } - return { - x: left, - y: top - }; -}; - -/** - * Gets the scroll position. - */ -function getScrollY() { - var y = 0; - if (typeof( window.pageYOffset ) == 'number') { // Netscape - //x = window.pageXOffset; - y = window.pageYOffset; - } else if (document.body && ( document.body.scrollLeft || document.body.scrollTop)) { // DOM - //x = document.body.scrollLeft; - y = document.body.scrollTop; - } else if (document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop)) { // IE6 standards compliant mode - //x = document.documentElement.scrollLeft; - y = document.documentElement.scrollTop; - } - return y; -} - -var lastPosition = -1; - -/** - * Smoothly scrolls to a position. - **/ -function smoothScrollTo(target) { - var currentPosition = getScrollY(); - var delta = (target - currentPosition) / 6.0; - var nextStep = currentPosition + delta; - - // Check whether scrolling has been interrupted by the user. - var halted = false; - if (nextStep > lastPosition) { - halted = currentPosition > nextStep || currentPosition < lastPosition; - } else { - halted = currentPosition < nextStep || currentPosition > lastPosition; - } - - if (halted) { - lastPosition = -1; - return; - } - - window.scrollBy(0, delta); - - if (Math.abs(delta) >= 1) { - setTimeout('smoothScrollTo(' + target + ')', 50); - } else { - lastPosition = -1; - return; - } - lastPosition = currentPosition; -} - -/** - * Smoothly scrolls to an element. - */ -function scrollToElement(element) { - lastPosition = getScrollY(); - smoothScrollTo(getCumulativeOffset(document.getElementById(element)).y); -} - - -/** - * Scrolls up to the top. - */ -function scrollToTop() { - lastPosition = getScrollY(); - smoothScrollTo(0); -} - - -// Declare variables outside function for efficiency. -var nav = document.getElementById("nav"); -var me = document.getElementById("me"); -var headerHeight = getCumulativeOffset(nav).y; -if (me != null) var myHeight = getCumulativeOffset(me).y; - -/** - * Apples a CSS class to the navigation bar based on scroll position. - **/ -function onScroll() { - var scrollY = getScrollY(); - - nav.className = (scrollY > headerHeight) ? "scrolled" : "top"; - if (me != null) { - me.className = (scrollY > myHeight) ? "fixed" : ""; - } -} - -// Set up event listener. -window.onscroll = onScroll; -window.addEventListener("touchmove", onScroll, false); \ No newline at end of file diff --git a/src/static/lib/html5shiv.js b/src/static/lib/html5shiv.js deleted file mode 100644 index 54fe207..0000000 --- a/src/static/lib/html5shiv.js +++ /dev/null @@ -1,4 +0,0 @@ -(function(g,b){function k(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function l(a){var c={},f=a.createElement,b=a.createDocumentFragment,d=b();a.createElement=function(a){if(!e.shivMethods)return f(a);var b;b=c[a]?c[a].cloneNode():m.test(a)?(c[a]=f(a)).cloneNode():f(a);return b.canHaveChildren&&!n.test(a)?d.appendChild(b):b};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+k().join().replace(/\w+/g,function(a){f(a); -d.createElement(a);return'c("'+a+'")'})+");return n}")(e,d)}function h(a){var c;if(a.documentShived)return a;if(e.shivCSS&&!i){c=a.createElement("p");var b=a.getElementsByTagName("head")[0]||a.documentElement;c.innerHTML="x";c=!!b.insertBefore(c.lastChild,b.firstChild)}j||(c=!l(a));if(c)a.documentShived=c;return a}var d=g.html5||{},n=/^<|^(?:button|form|map|select|textarea|object|iframe|option|optgroup)$/i, -m=/^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i,i,j;(function(){var a=b.createElement("a");a.innerHTML="";i="hidden"in a;if(!(a=1==a.childNodes.length))a:{try{b.createElement("a")}catch(c){a=!0;break a}a=b.createDocumentFragment();a="undefined"==typeof a.cloneNode||"undefined"==typeof a.createDocumentFragment||"undefined"==typeof a.createElement}j= -a})();var e={elements:d.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:!1!==d.shivCSS,shivMethods:!1!==d.shivMethods,type:"default",shivDocument:h};g.html5=e;h(b)})(this,document); diff --git a/src/static/lib/modernizr.js b/src/static/lib/modernizr.js index 9511a05..18ee13c 100644 --- a/src/static/lib/modernizr.js +++ b/src/static/lib/modernizr.js @@ -1,4 +1,4 @@ -/* Modernizr 2.5.3 (Custom Build) | MIT & BSD - * Build: http://www.modernizr.com/download/#-fontface-borderradius-canvas-canvastext-svg-shiv-cssclasses-teststyles-testprop-testallprops-hasevent-domprefixes-load +/* Modernizr 2.7.1 (Custom Build) | MIT & BSD + * Build: http://modernizr.com/download/#-borderradius-boxshadow-flexbox-shiv-cssclasses-testprop-testallprops-domprefixes-load */ -;window.Modernizr=function(a,b,c){function A(a){j.cssText=a}function B(a,b){return A(prefixes.join(a+";")+(b||""))}function C(a,b){return typeof a===b}function D(a,b){return!!~(""+a).indexOf(b)}function E(a,b){for(var d in a)if(j[a[d]]!==c)return b=="pfx"?a[d]:!0;return!1}function F(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:C(f,"function")?f.bind(d||b):f}return!1}function G(a,b,c){var d=a.charAt(0).toUpperCase()+a.substr(1),e=(a+" "+n.join(d+" ")+d).split(" ");return C(b,"string")||C(b,"undefined")?E(e,b):(e=(a+" "+o.join(d+" ")+d).split(" "),F(e,b,c))}var d="2.5.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m="Webkit Moz O ms",n=m.split(" "),o=m.toLowerCase().split(" "),p={svg:"http://www.w3.org/2000/svg"},q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k=b.createElement("div"),l=b.body,m=l?l:b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),k.appendChild(j);return f=["­",""].join(""),k.id=h,(l?k:m).innerHTML+=f,m.appendChild(k),l||(m.style.background="",g.appendChild(m)),i=c(k,a),l?k.parentNode.removeChild(k):m.parentNode.removeChild(m),!!i},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=C(e[d],"function"),C(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y={}.hasOwnProperty,z;!C(y,"undefined")&&!C(y.call,"undefined")?z=function(a,b){return y.call(a,b)}:z=function(a,b){return b in a&&C(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e});var H=function(a,c){var d=a.join(""),f=c.length;w(d,function(a,c){var d=b.styleSheets[b.styleSheets.length-1],g=d?d.cssRules&&d.cssRules[0]?d.cssRules[0].cssText:d.cssText||"":"",h=a.childNodes,i={};while(f--)i[h[f].id]=h[f];e.fontface=/src/i.test(g)&&g.indexOf(c.split(" ")[0])===0},f,c)}(['@font-face {font-family:"font";src:url("https://")}'],["fontface"]);q.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},q.canvastext=function(){return!!e.canvas&&!!C(b.createElement("canvas").getContext("2d").fillText,"function")},q.borderradius=function(){return G("borderRadius")},q.fontface=function(){return e.fontface},q.svg=function(){return!!b.createElementNS&&!!b.createElementNS(p.svg,"svg").createSVGRect};for(var I in q)z(q,I)&&(v=I.toLowerCase(),e[v]=q[I](),t.push((e[v]?"":"no-")+v));return A(""),i=k=null,function(a,b){function g(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function h(){var a=k.elements;return typeof a=="string"?a.split(" "):a}function i(a){var b={},c=a.createElement,e=a.createDocumentFragment,f=e();a.createElement=function(a){var e=(b[a]||(b[a]=c(a))).cloneNode();return k.shivMethods&&e.canHaveChildren&&!d.test(a)?f.appendChild(e):e},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+h().join().replace(/\w+/g,function(a){return b[a]=c(a),f.createElement(a),'c("'+a+'")'})+");return n}")(k,f)}function j(a){var b;return a.documentShived?a:(k.shivCSS&&!e&&(b=!!g(a,"article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio{display:none}canvas,video{display:inline-block;*display:inline;*zoom:1}[hidden]{display:none}audio[controls]{display:inline-block;*display:inline;*zoom:1}mark{background:#FF0;color:#000}")),f||(b=!i(a)),b&&(a.documentShived=b),a)}var c=a.html5||{},d=/^<|^(?:button|form|map|select|textarea)$/i,e,f;(function(){var a=b.createElement("a");a.innerHTML="",e="hidden"in a,f=a.childNodes.length==1||function(){try{b.createElement("a")}catch(a){return!0}var c=b.createDocumentFragment();return typeof c.cloneNode=="undefined"||typeof c.createDocumentFragment=="undefined"||typeof c.createElement=="undefined"}()})();var k={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:j};a.html5=k,j(b)}(this,b),e._version=d,e._domPrefixes=o,e._cssomPrefixes=n,e.hasEvent=x,e.testProp=function(a){return E([a])},e.testAllProps=G,e.testStyles=w,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return o.call(a)=="[object Function]"}function e(a){return typeof a=="string"}function f(){}function g(a){return!a||a=="loaded"||a=="complete"||a=="uninitialized"}function h(){var a=p.shift();q=1,a?a.t?m(function(){(a.t=="c"?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){a!="img"&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l={},o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};y[c]===1&&(r=1,y[c]=[],l=b.createElement(a)),a=="object"?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),a!="img"&&(r||y[c]===2?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i(b=="c"?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),p.length==1&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&o.call(a.opera)=="[object Opera]",l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return o.call(a)=="[object Array]"},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f",d.insertBefore(c.lastChild,d.firstChild)}function m(){var a=s.elements;return typeof a=="string"?a.split(" "):a}function n(a){var b=j[a[h]];return b||(b={},i++,a[h]=i,j[i]=b),b}function o(a,c,d){c||(c=b);if(k)return c.createElement(a);d||(d=n(c));var g;return d.cache[a]?g=d.cache[a].cloneNode():f.test(a)?g=(d.cache[a]=d.createElem(a)).cloneNode():g=d.createElem(a),g.canHaveChildren&&!e.test(a)&&!g.tagUrn?d.frag.appendChild(g):g}function p(a,c){a||(a=b);if(k)return a.createDocumentFragment();c=c||n(a);var d=c.frag.cloneNode(),e=0,f=m(),g=f.length;for(;e",g="hidden"in a,k=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){g=!0,k=!0}})();var s={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:c,shivCSS:d.shivCSS!==!1,supportsUnknownElements:k,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:r,createElement:o,createDocumentFragment:p};a.html5=s,r(b)}(this,b),e._version=d,e._domPrefixes=o,e._cssomPrefixes=n,e.testProp=function(a){return B([a])},e.testAllProps=D,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+s.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f{% endblock %} - -{% block main %} - Picture of Ian Naval - -
-

Skills

-

General Programming

-
    -
  • I specialize in clean, well-documented and efficient code.
    • -
  • I work quickly.
    • -
  • I am great at collaborating with other developers and have made contributions to the open-source community.
    • -
  • I am proficient in Java, Javascript, Python, HTML5, CSS3, Ruby, PHP, SQL, and C++.
    • -
  • I have years of experience with Linux and UNIX-based Web servers.
    • -
-

Web

-
    -
  • My primary expertise in back-end Web development is with the Django Python framework.
    • -
  • I am comfortable working with multiple programming languages.
    • -
  • I always write valid HTML and CSS.
    • -
-

Android

-
    -
  • I write code that takes is very DRY and takes advantage of Java's Object-Oriented structure.
    • -
  • My XML layouts are functional, simple and effective.
    • -
  • I optimize my apps for compatibility with multiple devices.
    • -
-

Administrative

-
    -
  • I own any problems that may arise and am very driven to resolve them as quickly as possible.
    • -
  • I configure Web servers from scratch.
    • -
  • I am paranoid about database backups.
    • -
  • I love optimizing processes on VPSes for speed and storage efficiency.
    • -
  • I hate repetitive tasks and write scripts to solve many problems.
    • -
-
-
-

About Me

-

My name is Ian. I make things with computers. Sometimes you'll find me - doing various other activities like playing the piano or ukulele, but more - often then not I am sitting in front of a screen working on my long list - of projects. Hope to see you around the Web.

-
-{% endblock main %} diff --git a/src/templates/base.html b/src/templates/base.html index d21ed17..f1bfacd 100644 --- a/src/templates/base.html +++ b/src/templates/base.html @@ -2,51 +2,29 @@ ianonavy{% block title %}{% endblock title %} + - - - - {% block extrastyle %}{% endblock %} - - + + + {% block extrastyle %}{% endblock extrastyle %} -
@@ -55,9 +33,21 @@
- {% block footer %}Copyright © 2012 Ian Adam Naval. All rights reserved.{% endblock footer %} + {% block footer %}Copyright © 2014 Ian Adam Naval. All rights reserved.{% endblock footer %}
- - + + + + diff --git a/src/templates/contact.html b/src/templates/contact.html deleted file mode 100644 index 84b2ccc..0000000 --- a/src/templates/contact.html +++ /dev/null @@ -1,36 +0,0 @@ -{% extends "base.html" %} - -{% block title %} | Contact{% endblock %} -{% block nav_contact %} class="selected" {% endblock %} -{% block extrastyle %}{% endblock %} - -{% block main %} -
- {% if success %} - Thank you for contacting me! Your message was sent successfully. - {% else %} -
- {# contact_form.name.errors #} - {# contact_form.name.label_tag #} - {# contact_form.name #} - {# contact_form.email.errors #} - {# contact_form.email.label_tag #} - {# contact_form.email #} - {# contact_form.body.errors #} - {# contact_form.body.label_tag #} - {# contact_form.body #} - -
- {% endif %} -

Hablo español.

-
-
-

Find me on the Internet

- -
-{% endblock main %} diff --git a/src/templates/index.html b/src/templates/index.html index 30832f0..a87408d 100644 --- a/src/templates/index.html +++ b/src/templates/index.html @@ -1,73 +1,86 @@ {% extends "base.html" %} -{% block nav_portfolio %} class="selected" {% endblock %} {% block extrastyle %}{% endblock %} {% block main %} -

Read more about my experience with Android apps, websites, and system administration:

- -
-

Android

- -
- MathHammer 40k screenshot -

MathHammer 40k

-

MathHammer 40k helps Warhammer 40k determine your chance of success. It helps check a model's predicted success in shooting against infantry and monstrous creatures, melee against infantry and monstrous creatures, and attempting to penetrate armor.

-

I designed this app for my high school physics teacher, and we worked together to get it on Google Play. It was the gateway for me into the Android application development industry.

-

MathHammer 40k was designed for easy of use and simplicity. All of the input controls were made available on one screen without scrolling, and calculations are made automatically as the player enters their model's statistics.

-

Check it out on Google Play.

+
+ Picture of Ian Naval + +
+

Skills

+
    +
  • Learns fast.
    • +
  • Meets deadlines.
    • +
  • Works well with teammates.
    • +
  • Years of experience with Linux.
    • +
  • Well-documented and efficient code.
    • +
+

Facts

+
    +
  • Allergic to fish.
    • +
  • Big fan of potatoes.
    • +
  • Not allergic to shelfish.
    • +
  • Does not own those glasses.
    • +
  • Received potatoes for Christmas.
    • +
-
-

SMSpammer

- SMSpammer screenshot -

Ever wanted to send the same message multiple times? You're in luck! This app is sure to flood your friend's inbox with messages. Annoy your friends to your heart's desire with this simple SMS spammer.

-

This simple but elegant app is the first of its kind, and it's the first app that I ever published by myself to the Android market. Unlike competitors, this app will not freeze the sender's phone and launches large quantities of text messages in small batches. It also does not keep record of these messages in your normal texting app, so you don't have to worry about your own phone being flooded with annoying messages.

-

Check it out on Google Play.

+
+

Technologies

+
+ Logos for HTML, CSS, JavaScript, PostgreSQL, MySQL, Python, Ruby, Java, C++, PHP, Flask, Django, Rails, Angular, Node.js, and Git +
+
-
+
+

Portfolio

+ -
-

Websites

+
-
-

Mentaur Us

- mentaur.us screenshot -

http://mentaur.us/

-

mentaur.us is a social-networking site that helps connect engineers with student robotics teams in their local areas. It uses reverse geocoding and the haversine formula along with a custom sorting algorithm to help match teachers, engineers, and coaches with local robotics teams based on skill and localized proximity.

-

The website's front end was designed by Will Pryor.

+
+ WPI ACM Mirrors screenshot +

WPI ACM Mirrors

+

GNU/Linux mirrors for WPI folk.

+
+ +
+ WPI ACM Website screenshot +

WPI ACM Website

+

Homepage for the WPI ACM chapter.

+
+ +
+ SMS Fixer screenshot +

SMS Fixer

+

Helps restore Android texts from Google Voice.

+
+ +
+ Potato Ipsum screenshot +

Potato Ipsum

+

Lorem ipsum generator. With potatoes.

+
+ +
+ MathHammer screenshot +

MathHammer 40k

+

Damage stats calculator app for WarHammer 40k.

+
+ +
+ SMSpammer screenshot +

SMSpammer

+

App for spamming text messages. (With permission.)

+
+
+
-
-

Knight Book Market

- Knight Book Market screenshot -

http://www.knightbookmarket.tk/

-

The Knight Book Market provides a place for students to easily buy and sell used textbooks. Here, students can often purchase books at a lower prices than at the official bookstore. Since the students are buying books directly from their peers, no money is lost to the corporate middle man.

-

The running costs of the site grew too much to keep it online, so I have temporarily shut it down while - I find cheaper hosting. The database has been completely wiped, but all of the source code remains.

-
+
+

Contact

+

Information is on my résumé.

+
-
- -
-

System Administration

-
-

Stormwood Community

- Stormwood screenshot -

http://www.stormwoodmc.net/

-

StormWood MC is an independent video game server that runs the game Minecraft. I worked solely to setup and maintain technical aspects of running the server. My responsibilities included configuring Apache, writing a backup script, developing and maintaining the website, and documenting all responsibilities.

-
-
-

Minecraft Rumble

- Minecraft Rumble screenshot -

http://www.mcrumble.com/

-

Minecraft Rumble is an upcoming Minecraft community currently on developmental hiatus. It features a complex system of interlinking Minecraft servers which proxy to each other and work in a manner similar to a simple cloud infrastructure. All code used to power this community will be written by me including backup scripts, Java plugins, and the Python backend for the website.

-
-
- -
-

Résumé

-

Click here to download a copy of my résumé.

-
{% endblock main %} diff --git a/src/templates/labs.html b/src/templates/labs.html index 9f08ed7..ddba99e 100644 --- a/src/templates/labs.html +++ b/src/templates/labs.html @@ -1,26 +1,11 @@ {% extends "base.html" %} {% block title %} | Labs{% endblock %} -{% block nav_labs %} class="selected" {% endblock %} {% block main %} -

Labs

-

Welcome to my lab! This where I run all my experimental stuff.

-

Click here to see what I'm - working on this very moment (if anything).

-

Active Projects

-

Minecraft Rumble

-

Minecraft Rumble is my big upcoming Minecraft community. It will - include many different types of games fused together into one unique - gameplay experience. Development is slow and steady, and I can't share - any of my source code, but I'll be happy to discuss how things are going.

-

Driving Auto-reply App

-

I am sick and tired of seeing people who drive while on the phone or - texting. To help promote distraction-free driving, I'm developing an - app that will listen for incoming calls and text messages and silently - reply with a message saying not to call back unless it's really urgent. - If the same person does happen to text again, the app alerts the driver - and asks them to pull over before reading the message. For added - security, the app will GPS to ensure that the driver has come to a - full and complete stop.

+
+

Labs

+

Welcome to my lab! This where I run all my experimental stuff. My private Git server has some public repositories if you are interested.

+

I also use demo.ianonavy.com as a general purpose staging site. Check it out to see what I'm working on now!

+
{% endblock main %}