Skip to content

Commit

Permalink
added resume, angular support, for stuff later
Browse files Browse the repository at this point in the history
  • Loading branch information
lvn committed Jun 19, 2014
1 parent 64835d0 commit 7f9aaa9
Show file tree
Hide file tree
Showing 6 changed files with 240 additions and 94 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -3,27 +3,35 @@

/* import fonts */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

/* layout */
html { height: 100%; }
body { height: 100%; background-color: #333; margin: 10px;
color: #eee; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
color: #eee; font-family: 'Lato', sans-serif; font-weight: 300; }
::selection { color: #333; background-color: #eee; }

div.left_bar { float: left; width: 13%; height: 100%;
margin-right: 20px; margin-left: 10px; }
margin-right: 20px; margin-left: 10px; }
div.main { width: 80%; margin-left: 15%; }
div.slide { margin: 10px 0px 10px 0px; }

div#footer {padding: 0px 15px 0px 0px; }

h2.top { margin-top: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 0.8em; }
p { line-height: 1.0em; }

p.tiny { font-size: 0.7em; }
p.strikethrough { text-decoration: line-through; }

/* links */
a { color: #aaa; text-decoration: none; }
a { color: #aaa; text-decoration: none; transition: color 0.3s, text-shadow 0.3s; }
a:hover { color: #eee; text-shadow: 0 0 0.2em #fff; text-decoration: underline; }
a:visited { color: #999; ];
a:visited { color: #999; }

a.hilite { color: #eee; text-decoration: none; }
a.hilite:hover { color: #ffffaa; text-shadow: 0 0 0.2em #aaaa00; text-decoration: none; }

ul { margin-left: 10px; }
17 changes: 12 additions & 5 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,33 @@

/* import fonts */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);

/* layout */
html { height: 100%; }
body { height: 100%; background-color: #333; margin: 10px;
color: #eee; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
color: #eee; font-family: 'Lato', sans-serif; font-weight: 300; }
::selection { color: #333; background-color: #eee; }

div.left_bar { float: left; width: 13%; height: 100%;
margin-right: 20px; margin-left: 10px; }
div.left_bar { float: left; width: 13%; min-width:150px; height: 100%;
margin-right: 20px; margin-left: 10px; }
div.main { width: 80%; margin-left: 15%; }
div.slide { margin: 10px 0px 10px 0px; }

div#footer {padding: 0px 15px 0px 0px; }

h2.top { margin-top: 0px; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }
.resume > .slide > h1, h2, h3, h4, h5, h6, p { margin: 5px; }
.resume > .slide > ul { margin: 0px 0px 10px 0px; }
p { line-height: 1.0em; }

p.tiny { font-size: 0.7em; }
p.strikethrough { text-decoration: line-through; }

/* links */
a { color: #aaa; text-decoration: none; transition: color 0.3s, text-shadow 0.3s; }
a { color: #aaa; text-decoration: none; transition: color 0.3s, text-shadow 0.3s; }
a:hover { color: #eee; text-shadow: 0 0 0.2em #fff; text-decoration: underline; }
a:visited { color: #999; }

Expand Down
106 changes: 34 additions & 72 deletions elvinyungdotcom.sublime-workspace
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
{
"selected_items":
[
[
"padd",
"padding"
],
[
"marg",
"margin"
Expand Down Expand Up @@ -31,10 +35,6 @@
"wi",
"width"
],
[
"padd",
"padding-right"
],
[
"bac",
"background-color"
Expand Down Expand Up @@ -152,39 +152,26 @@
"buffers":
[
{
"contents": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"utf-8\">\n <title>I am Elvin Yung.</title>\n <link rel=\"stylesheet\" href=\"css/style.css\">\n <!--[if IE]>\n <script src=\"https://html5shiv.googlecode.com/svn/trunk/html5.js\"></script>\n <![endif]-->\n</head>\n\n<body>\n <div class=\"left_bar\">\n <h2 class=\"top\">Elvin Yung</h2>\n <p class=\"strikethrough\">Some Sort of Wizard</p>\n <p>2A University of Waterloo Computer Science Student</p>\n\n <h4>Stuff</h4>\n <ul class=\"left_bar\">\n <li><a href=\"#slide1\">Who I Am</a></li>\n <li><a href=\"#slide2\">What I Do</a></li>\n </ul>\n <h4>Other Stuff</h4>\n <ul class=\"left_bar\">\n <li><a href=\"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/elvinyung\">My Github</a></li>\n <li><a href=\"stuff/resume.pdf\">My Resume</a></li>\n </ul>\n </div>\n\n <div class=\"main\">\n <div class=\"slide\" id=\"slide1\">\n <h1>Hello.</h1>\n <h2>I am Elvin Yung.</h2>\n <h3>I am a second-year Computer Science student at the University of Waterloo.</h3>\n <p>By some chance of fate or coincidence, you have stumbled onto my website.</p>\n <p>Which is a good thing. Probably.</p>\n </div>\n\n <div class=\"slide\" id=\"slide2\">\n <h3>What do I do?</h3>\n <p>I like to develop applications for the web. I know my way around Django and Flask, most of the time.</p>\n <p>Sometimes I make games. I have a few years of experience with XNA in particular, and I've also dabbled at times with Flixel, Irrlicht, and Pygame.</p>\n <p>In the recent past I've worked on (o ram still working on): </p>\n <ul>\n <li><a href=\"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/elvinyung/wiski\">Wiski</a> (Python, Flask), a lightweight Markdown-rendered wiki written in</li>\n <li><a href=\"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/elvinyung/eyBlog\">eyBlog</a> (Python, Django), a simple blog</li>\n <li><a href=\"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/elvinyung/florum\">Quimbu</a> (Python, Flask), a link-sharing bulletin board</li>\n <li><a href=\"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/elvinyung/Pebble2048\">Pebble2048</a> (C, PebbleSDK), an adaptation of <a href=\"https://gabrielecirulli.github.io/2048/\">2048</a> for the Pebble smartwatch, currently the second most popular 2048 app on the Pebble app store.</li>\n </ul>\n \n <p><a href=\"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/elvinyung\">Here's</a> a bunch of my projects.</p>\n </div>\n\n <hr>\n\n\n <p class=\"tiny\">Copyright Elvin Yung 2014. </p>\n <p class=\"tiny\">Handcrafted HTML5 and CSS3. None of that pesky booting and strapping.</p>\n </div>\n\n</body>\n</html> \n",
"file": "index.html",
"file_size": 2383,
"file_write_time": 130459432049375084,
"file": "css/style.css",
"settings":
{
"buffer_size": 2383,
"buffer_size": 1309,
"line_ending": "Unix"
}
},
{
"file": "index.html",
"settings":
{
"buffer_size": 0,
"buffer_size": 2718,
"line_ending": "Unix"
}
},
{
"contents": "import os, sys\nimport random\nimport string\nimport hashlib\n\nimport cherrypy\nimport lib.MakoTool\ncherrypy.tools.render = MakoTool()\n\nfrom sqlalchemy import Column, ForeignKey, Integer, String\nfrom sqlalchemy.ext.declarative import declarative_base\nfrom sqlalchemy.orm import relationship\nfrom sqlalchemy import create_engine\n \nBase = declarative_base()\n \nclass User(Base):\n __tablename__ = \"person\"\n id = Column(Integer, primary_key=True)\n name = Column(String(250), nullable=False)\n password_hash = Column(String(64), nullable=False)\n \nclass Address(Base):\n __tablename__ = \"address\"\n # Here we define columns for the table address.\n # Notice that each column is also a normal Python instance attribute.\n id = Column(Integer, primary_key=True)\n street_name = Column(String(250))\n street_number = Column(String(250))\n post_code = Column(String(250), nullable=False)\n person_id = Column(Integer, ForeignKey(\"person.id\"))\n person = relationship(User)\n\nengine = create_engine(\"sqlite:https:///sqlalchemy_example.db\")\nBase.metadata.create_all(engine) # create all tables in the engine\n\nclass Qodex(object):\n @cherrypy.expose\n @cherrypy.tools.user()\n \n def index(self):\n pass\n\n @cherrypy.expose\n def logout(self):\n cherrypy.lib.sessions.expire()\n\n @cherrypy.expose\n def generate(self, length=8):\n some_string = \"\".join(random.sample(string.hexdigits, int(length)))\n cherrypy.session[\"mystring\"] = some_string\n return some_string\n\n @cherrypy.expose\n def display(self):\n return cherrypy.session[\"mystring\"]\n\nif __name__ == \"__main__\":\n configuration = {\n \"/\": {\n \"tools.sessions.on\": True,\n \"tools.staticdir.root\": os.path.abspath(os.getcwd()),\n\n \"server.socket_host\": \"0.0.0.0\",\n \"server.socket_port\": 443,\n\n \"server.ssl_module\": \"builtin\",\n \"server.ssl_certificate\": \"./ssl/certificate.crt\",\n \"server.ssl_private_key\": \"./ssl/private_key.key\",\n \"server.ssl_certificate_chain\": \"./ssl/certificate_chain.crt\",\n },\n \"/static\": {\n \"tools.staticdir.on\": True,\n \"tools.staticdir.dir\": \"./static\",\n }\n }\n cherrypy.quickstart(Qodex(), \"/\", configuration)\n",
"file": "/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex/main.py",
"file_size": 2369,
"file_write_time": 130460321970692731,
"settings":
{
"buffer_size": 2292,
"line_ending": "Windows"
}
},
{
"file": "css/style.css",
"file": "resume/index.html",
"settings":
{
"buffer_size": 865,
"buffer_size": 2934,
"line_ending": "Unix"
}
}
Expand Down Expand Up @@ -216,7 +203,10 @@
},
"file_history":
[
"/media/eyung/ELVINYUNG1/stuff/Python/veritas/veritas.py",
"/media/eyung/ELVINYUNG1/stuff/elvinyung.com/index.html",
"/media/eyung/ELVINYUNG1/stuff/elvinyung.com/css/style.css",
"/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex/main.py",
"/media/eyung/ELVINYUNG1/stuff/elvinyung_com/index.html",
"/media/eyung/ELVINYUNG1/stuff/Django/eyBlog/blog/templates/layout.html",
"/media/eyung/ELVINYUNG1/stuff/Django/eyBlog/blog/static/style.css",
Expand Down Expand Up @@ -395,117 +385,89 @@
[
{
"buffer": 0,
"file": "index.html",
"file": "css/style.css",
"semi_transient": false,
"settings":
{
"buffer_size": 2383,
"buffer_size": 1309,
"regions":
{
},
"selection":
[
[
1449,
1449
850,
850
]
],
"settings":
{
"syntax": "Packages/HTML/HTML.tmLanguage",
"translate_tabs_to_spaces": false
"syntax": "Packages/CSS/CSS.tmLanguage"
},
"translation.x": 0.0,
"translation.y": 150.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 2,
"type": "text"
},
{
"buffer": 1,
"file": "index.html",
"semi_transient": false,
"settings":
{
"buffer_size": 0,
"buffer_size": 2718,
"regions":
{
},
"selection":
[
[
0,
0
2271,
2271
]
],
"settings":
{
"syntax": "Packages/Text/Plain text.tmLanguage"
"syntax": "Packages/HTML/HTML.tmLanguage",
"translate_tabs_to_spaces": false
},
"translation.x": 0.0,
"translation.y": 0.0,
"translation.y": 540.0,
"zoom_level": 1.0
},
"stack_index": 1,
"type": "text"
},
{
"buffer": 2,
"file": "/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex/main.py",
"file": "resume/index.html",
"semi_transient": false,
"settings":
{
"buffer_size": 2292,
"buffer_size": 2934,
"regions":
{
},
"selection":
[
[
896,
896
1085,
1085
]
],
"settings":
{
"syntax": "Packages/Python/Python.tmLanguage",
"tab_size": 4,
"translate_tabs_to_spaces": true
"syntax": "Packages/HTML/HTML.tmLanguage",
"translate_tabs_to_spaces": false
},
"translation.x": 0.0,
"translation.y": 270.0,
"translation.y": 180.0,
"zoom_level": 1.0
},
"stack_index": 0,
"type": "text"
},
{
"buffer": 3,
"file": "css/style.css",
"semi_transient": false,
"settings":
{
"buffer_size": 865,
"regions":
{
},
"selection":
[
[
418,
418
]
],
"settings":
{
"syntax": "Packages/CSS/CSS.tmLanguage"
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 3,
"type": "text"
}
]
}
Expand Down Expand Up @@ -570,7 +532,7 @@
[
[
"",
"/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex.sublime-project"
"/media/eyung/ELVINYUNG1/stuff/Flask/voobox/voobox.sublime-project"
]
],
"width": 380.0
Expand Down
24 changes: 12 additions & 12 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,18 +12,18 @@
<body>
<div class="left_bar">
<h2 class="top">Elvin Yung</h2>
<p class="strikethrough">Some Sort of Wizard</p>
<p class="strikethrough">20th Level Sourceror (get it? Source?)</p>
<p>2A University of Waterloo Computer Science Student</p>

<h4>Stuff</h4>
<h4>Stuff on This Page</h4>
<ul class="left_bar">
<li><a href="#slide1">Who I Am</a></li>
<li><a href="#slide2">What I Do</a></li>
</ul>
<h4>Other Stuff</h4>
<ul class="left_bar">
<li><a href="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/elvinyung">My Github</a></li>
<li><a href="stuff/resume.pdf">My Resume</a></li>
<li><a href="resume/">Resume</a></li>
<li><a href="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/elvinyung">Github</a></li>
</ul>
</div>

Expand All @@ -38,26 +38,26 @@ <h3>I am a second-year Computer Science student at the University of Waterloo.</

<div class="slide" id="slide2">
<h3>What do I do?</h3>
<p>I like to make cool things.</p>
<p>I like to make cool things. I like to think that I'm pretty good at <a class="hilite">C#</a> and <a class="hilite">Python</a>.</p>
<p>I develop applications for the web. I know my way around <a class="hilite">Django</a> and <a class="hilite">Flask</a>, most of the time.</p>
<p>Sometimes I make games. I have a few years of experience with <a class="hilite">XNA</a> in particular, and I've also dabbled at times with <a class="hilite">Flixel</a>, <a class="hilite">Irrlicht</a>, and <a class="hilite">Pygame</a>.</p>
<p>In general, I think I'm pretty good at <a class="hilite">C#</a> and <a class="hilite">Python</a>.</p>
<p>In the recent past I've worked on (or am still working on): </p>
<p>In the recent past I've worked on (or am still working on), in roughly descending order of importance: </p>
<ul>
<li><a href="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/elvinyung/wiski">Wiski</a> (Python, Flask), a lightweight Markdown-rendered wiki</li>
<li><a href="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/elvinyung/eyBlog">eyBlog</a> (Python, Django), a simple blog</li>
<li><a href="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/elvinyung/florum">Quimbu</a> (Python, Flask), a link-sharing bulletin board</li>
<li><a href="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/elvinyung/Pebble2048">Pebble2048</a> (C, PebbleSDK), an adaptation of <a href="https://gabrielecirulli.github.io/2048/">2048</a> for the Pebble smartwatch, currently the second most popular 2048 app on the Pebble app store.</li>
<li><a href="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/elvinyung/voobox">Voobox</a> (Python, Flask, SocketIO), a chat app</li>
<li><a href="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/elvinyung/eyBlog">eyBlog</a> (Python, Django), a simple blog</li>
</ul>

<p><a href="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/elvinyung">Here's</a> a bunch of my projects.</p>
</div>

<hr>


<p class="tiny">Copyright Elvin Yung 2014. </p>
<p class="tiny">Handcrafted HTML5 and CSS3. None of that pesky booting and strapping.</p>
<div class="slide" id="footer">
<p class="tiny">Elvin Yung 2014. </p>
<p class="tiny">Handcrafted HTML5 and CSS3. None of that pesky booting and strapping.</p>
</div>
</div>

</body>
Expand Down
Loading

0 comments on commit 7f9aaa9

Please sign in to comment.