Skip to content

Commit

Permalink
added some transitions
Browse files Browse the repository at this point in the history
  • Loading branch information
@lvn
lvn committed Jun 5, 2014
1 parent df6b937 commit 64835d0
Show file tree
Hide file tree
Showing 4 changed files with 169 additions and 19 deletions.
29 changes: 29 additions & 0 deletions css/.fuse_hidden000002f100000001
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
/* CSS stylesheet for elvinyung.com
by Elvin Yung */

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

/* layout */
html { height: 100%; }
body { height: 100%; background-color: #333; margin: 10px;
color: #eee; font-family: 'Source Sans Pro', 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.main { width: 80%; margin-left: 15%; }
div.slide { margin: 10px 0px 10px 0px; }


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

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

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

ul { margin-left: 10px; }
11 changes: 8 additions & 3 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ body { height: 100%; background-color: #333; margin: 10px;
color: #eee; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; }
::selection { color: #333; background-color: #eee; }

div.left_bar { float: left; width: 15%; height: 100%;
div.left_bar { float: left; width: 13%; height: 100%;
margin-right: 20px; margin-left: 10px; }
div.main { width: 80%; margin-left: 15%; }
div.slide { margin: 10px 0px 10px 0px; }
Expand All @@ -22,6 +22,11 @@ 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; }
134 changes: 124 additions & 10 deletions elvinyungdotcom.sublime-workspace
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,10 @@
{
"selected_items":
[
[
"marg",
"margin"
],
[
"min",
"min-height"
Expand All @@ -15,10 +19,6 @@
"mar",
"margin"
],
[
"marg",
"margin-left"
],
[
"font",
"font-size"
Expand Down Expand Up @@ -152,10 +152,39 @@
"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,
"settings":
{
"buffer_size": 2383,
"line_ending": "Unix"
}
},
{
"settings":
{
"buffer_size": 1675,
"buffer_size": 0,
"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",
"settings":
{
"buffer_size": 865,
"line_ending": "Unix"
}
}
Expand Down Expand Up @@ -361,7 +390,7 @@
"groups":
[
{
"selected": 0,
"selected": 2,
"sheets":
[
{
Expand All @@ -370,15 +399,15 @@
"semi_transient": false,
"settings":
{
"buffer_size": 1675,
"buffer_size": 2383,
"regions":
{
},
"selection":
[
[
1404,
1404
1449,
1449
]
],
"settings":
Expand All @@ -387,11 +416,96 @@
"translate_tabs_to_spaces": false
},
"translation.x": 0.0,
"translation.y": 150.0,
"zoom_level": 1.0
},
"stack_index": 2,
"type": "text"
},
{
"buffer": 1,
"semi_transient": false,
"settings":
{
"buffer_size": 0,
"regions":
{
},
"selection":
[
[
0,
0
]
],
"settings":
{
"syntax": "Packages/Text/Plain text.tmLanguage"
},
"translation.x": 0.0,
"translation.y": 0.0,
"zoom_level": 1.0
},
"stack_index": 1,
"type": "text"
},
{
"buffer": 2,
"file": "/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex/main.py",
"semi_transient": false,
"settings":
{
"buffer_size": 2292,
"regions":
{
},
"selection":
[
[
896,
896
]
],
"settings":
{
"syntax": "Packages/Python/Python.tmLanguage",
"tab_size": 4,
"translate_tabs_to_spaces": true
},
"translation.x": 0.0,
"translation.y": 270.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 @@ -456,7 +570,7 @@
[
[
"",
"/media/eyung/ELVINYUNG1/stuff/Flask/florum/florum.sublime-project"
"/media/eyung/ELVINYUNG1/stuff/battlehack2014/qodex.sublime-project"
]
],
"width": 380.0
Expand Down
14 changes: 8 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -38,14 +38,16 @@ <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 develop applications for the web. I know my way around Django and Flask, most of the time.</p>
<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>
<p>I like to make cool things.</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>
<ul>
<li><a href="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/elvinyung/wiski">Wiskid</a>, a lightweight Markdown-rendered wiki written in Flask</li>
<li><a href="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/elvinyung/eyBlog">eyBlogd</a>, a simple Django blog</li>
<li><a href="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/elvinyung/florum">Quimbud</a>, a Flask link-sharing bulletin boar</li>
<li><a href="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/elvinyung/Pebble2048">Pebble2048</a>, 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/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>
</ul>

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

0 comments on commit 64835d0

Please sign in to comment.