Skip to content

Commit

Permalink
update tr
Browse files Browse the repository at this point in the history
  • Loading branch information
Tony Li authored and Tony Li committed Apr 23, 2018
1 parent 87c7233 commit 8a130a1
Show file tree
Hide file tree
Showing 5 changed files with 90 additions and 43 deletions.
Binary file modified Resume.pdf
View file
Binary file not shown.
Binary file added img/tr.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion update
View file

This file was deleted.

46 changes: 27 additions & 19 deletions views/app.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
background: url({{bgsrc}}) center / cover;
height: 100%;
}

.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button,
#update-span {
Expand All @@ -18,11 +18,11 @@
color: white;
text-shadow: 2px 2px 5px rgb(88, 43, 10);
}

.codeWithLove {
vertical-align: middle;
}

.mdl-navigation__link.ng-enter {
-webkit-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
-moz-transition: 100ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
Expand All @@ -32,14 +32,14 @@
position: relative;
display: block;
}

.mdl-navigation__link.ng-enter.ng-enter-active,
.mdl-navigation__link.ng-leave {
opacity: 1;
top: 0;
height: 30px;
}

.mdl-navigation__link.ng-leave.ng-leave-active,
.mdl-navigation__link.ng-enter {
opacity: 0;
Expand All @@ -52,23 +52,29 @@
<header class="mdl-layout__header mdl-layout__header--transparent">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title"><a class="mdl-navigation__link" ui-sref='app.home' style="font-size: 1.5em;">He Nan Li (Tony)</a></span>
<button class="mdl-button mdl-js-button mdl-button--icon" id="update-span" ng-click="showUpdates()">
<i class="material-icons">update</i>
<span class="mdl-tooltip" data-mdl-for="update-span">
show updates
</span>
</button>
<span class="mdl-layout-title">
<a class="mdl-navigation__link" ui-sref='app.home' style="font-size: 1.5em;">He Nan Li (Tony)</a>
</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation -->
<nav class="mdl-navigation">

<a class="mdl-navigation__link" ui-sref="app.home"><i class="fa fa-home" style="font-size:24px"></i></a>
<a class="mdl-navigation__link" target="_blank" title="Tony on Github" href="https://github.com/mysterytony"><i class="fa fa-github" style="font-size:24px"></i></a>
<a class="mdl-navigation__link" target="_blank" title="Tony on LinkedIn" href="https://ca.linkedin.com/in/tony-li-281b59b9"><i class="fa fa-linkedin-square" style="font-size:24px"></i></a>
<a class="mdl-navigation__link" target="_blank" title="Tony's Resume" href="Resume.pdf"><i class="fa fa-file-text" style="font-size:24px"></i></a>
<a class="mdl-navigation__link" ui-sref="app.email" title="Email Me"><i class="fa fa-address-card" style="font-size:24px"></i></a>
<a class="mdl-navigation__link" ui-sref="app.home">
<i class="fa fa-home" style="font-size:24px"></i>
</a>
<a class="mdl-navigation__link" target="_blank" title="Tony on Github" href="https://github.com/mysterytony">
<i class="fa fa-github" style="font-size:24px"></i>
</a>
<a class="mdl-navigation__link" target="_blank" title="Tony on LinkedIn" href="https://ca.linkedin.com/in/tony-li-281b59b9">
<i class="fa fa-linkedin-square" style="font-size:24px"></i>
</a>
<a class="mdl-navigation__link" target="_blank" title="Tony's Resume" href="Resume.pdf">
<i class="fa fa-file-text" style="font-size:24px"></i>
</a>
<a class="mdl-navigation__link" ui-sref="app.email" title="Email Me">
<i class="fa fa-address-card" style="font-size:24px"></i>
</a>
</nav>
</div>
</header>
Expand All @@ -80,7 +86,9 @@
</div>
</span>
<nav class="mdl-navigation">
<a ng-if="tree.parentFolder" class="mdl-navigation__link" href="" ng-click="goBack()"><i class="material-icons">keyboard_backspace</i>Back</a></a>
<a ng-if="tree.parentFolder" class="mdl-navigation__link" href="" ng-click="goBack()">
<i class="material-icons">keyboard_backspace</i>Back</a>
</a>

<a id="{{folder.name}}" href="" ng-repeat="folder in tree.folders track by $index" class="mdl-navigation__link" ng-click="clickFolder($index)">
<i class="material-icons">folder</i>
Expand All @@ -96,7 +104,7 @@
<i class="material-icons">insert_drive_file</i>
{{doc.name}}
<div ng-if="doc.description !==''" class="mdl-tooltip mdl-tooltip--large" data-mdl-for="{{doc.name}}">
{{doc.description}}
{{doc.description}}
</div>
</a>

Expand Down
86 changes: 63 additions & 23 deletions views/home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,31 +52,63 @@
<h1 class="mdl-card__title-text">About Me</h1>
</div>
<div class="mdl-card__supporting-text">
I am a software engineer with extensive experience in C/C++, ASP.net, Java EE, NodeJS and SQL Server. Interested in algorithm design, system architecture and UI/UX design.
I am a software engineer with extensive experience in Docker, Kubernetes, C/C++, .Net Core, Java, NodeJS and SQL. Interested
in algorithm design and system architecture design.
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://www.linkedin.com/in/henan-li/" target="_blank">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://www.linkedin.com/in/henan-li/"
target="_blank">
Read More
</a>
</div>
</div>

<div class="mdl-card mdl-shadow--6dp card-education" style="margin-top: 20px;">
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Education</h1>
</div>
<div class="mdl-card__supporting-text">
<img style="width: 90%" src="../img/uw.png"><br />
3A Computer Science, Honors Program, Digital Hardware Option
<br />
University of Waterloo
</div>
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Education</h1>
</div>
<div class="mdl-card__supporting-text">
<img style="width: 90%" src="../img/uw.png">
<br /> 3A Computer Science, Honors Program, Digital Hardware Option
<br /> University of Waterloo
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--8-col">
<div class="mdl-card mdl-shadow--6dp card-experience">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">BDO Canada LLP</h2><img style="position: absolute; right: 10px; top: 5px;" src="../img/bdo.png">
<h2 class="mdl-card__title-text">Thomson Reuters</h2>
<img style="position: absolute; right: 10px; top: 5px;" src="../img/tr.png">
<br />
</div>
<div class="mdl-card__supporting-text" id="bdo">
<h6>Software Engineer Intern</h6>
<ul style="padding-top: 0px; margin-top: 0px;">
<li>
Designed and implemented a microservice architecture to migrate on-premise platform as a service to Kubernetes orchestration.
</li>
<li>
Re-platformed existing services to .Net Core and containerized them with Docker. Created configuration files to deploy to
a Kubernetes cluster.
</li>
<li>
Improved the server performance by doubled the requests handled per second with Nginx as the load balancer. Utilized Openresty
to embed business logic that validate HTTP requests with Lua scripts in Nginx. Deployed Nginx as a Kubernetes
Ingress.
</li>
<li>
Designed a CI/CD pipeline architecture. Created scripts to automate packaging solutions with Helm Chart. Rolled out updates
with blue-green deployment strategy and provisioned new Kubernetes namespaces for integration tests.
</li>
</ul>
</div>
</div>


<div class="mdl-card mdl-shadow--6dp card-experience" style="margin-top: 20px">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">BDO Canada LLP</h2>
<img style="position: absolute; right: 10px; top: 5px;" src="../img/bdo.png">
<br />
</div>
<div class="mdl-card__supporting-text" id="bdo">
Expand Down Expand Up @@ -104,7 +136,8 @@ <h6>Software Engineer Intern</h6>

<div class="mdl-card mdl-shadow--6dp card-experience" style="margin-top: 20px">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">Bluejay Network Inc.</h2> <img style="position: absolute; right: 10px; top: 5px;" src="../img/bluejaynetworks.png">
<h2 class="mdl-card__title-text">Bluejay Network Inc.</h2>
<img style="position: absolute; right: 10px; top: 5px;" src="../img/bluejaynetworks.png">
</div>
<div class="mdl-card__supporting-text" id="bluejaynetwork">
<h6>Software Engineer Intern</h6>
Expand All @@ -122,19 +155,22 @@ <h6>Software Engineer Intern</h6>
</ul>
</div>
</div>

<div class="mdl-card mdl-shadow--6dp card-experience" style="margin-top: 20px">
<div class="mdl-card__title">
<h2 class="mdl-card__title-text">The University of British Columbia</h2> <img style="position: absolute; right: 10px; top: 5px; height: 100px;" src="../img/ubc.png">
<h2 class="mdl-card__title-text">The University of British Columbia</h2>
<img style="position: absolute; right: 10px; top: 5px; height: 100px;" src="../img/ubc.png">
</div>
<div class="mdl-card__supporting-text" id="bluejaynetwork">
<h6>Software Engineer Intern</h6>
<ul style="padding-top: 0px; margin-top: 0px;">
<li>
Collaborated and brainstormed an iOS application with an immunology professor for a community project. Drafted UI mock-ups and navigation transitions.
Collaborated and brainstormed an iOS application with an immunology professor for a community project. Drafted UI mock-ups
and navigation transitions.
</li>
<li>
Designed user interface, logics and models. Implemented with Objective-C in XCode. Applied multithreading to provide smoother user experience.
Designed user interface, logics and models. Implemented with Objective-C in XCode. Applied multithreading to provide smoother
user experience.
</li>
</ul>
</div>
Expand All @@ -156,7 +192,8 @@ <h2 class="mdl-card__title-text">Side Project: MarkX</h2>
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="http://tonyli.me/markx/" target="_blank">
Read More
</a>
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/mysterytony/markx" target="_blank">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/mysterytony/markx"
target="_blank">
Github
</a>
</div>
Expand All @@ -172,10 +209,12 @@ <h2 class="mdl-card__title-text">Side Project: ExpressCPP</h2>
to achieve cross-platform. Assembled the same group of people to develop ExpressCPP.
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://alephteam.github.io/ExpressCPP/" target="_blank">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://alephteam.github.io/ExpressCPP/"
target="_blank">
Read More
</a>
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/AlephTeam/ExpressCPP" target="_blank">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/AlephTeam/ExpressCPP"
target="_blank">
Github
</a>
</div>
Expand All @@ -188,11 +227,12 @@ <h2 class="mdl-card__title-text">Side Project: KaleidoScope</h2>
</div>
<div class="mdl-card__supporting-text">
A cross-platform application designed to simplify file and content sharing between friends and devices. Built with NodeJS,
MySQL, Java and Objective-C hosted on Openshift. Utilized Fabric UI to provide consistent user-friendly interface and
experience.
MySQL, Java and Objective-C hosted on Openshift. Utilized Fabric UI to provide consistent user-friendly interface
and experience.
</div>
<div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/AlephTeam/KaleidoScope" target="_blank">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="https://github.com/AlephTeam/KaleidoScope"
target="_blank">
Github
</a>
</div>
Expand Down

0 comments on commit 8a130a1

Please sign in to comment.