Skip to content

Commit

Permalink
moved portfolio content.
Browse files Browse the repository at this point in the history
  • Loading branch information
arodic committed Jul 29, 2016
1 parent 7fd4003 commit 8c834b9
Show file tree
Hide file tree
Showing 44 changed files with 1,076 additions and 147 deletions.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
akirodic.com
74 changes: 14 additions & 60 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,75 +1,29 @@
# Polymer App Toolbox - Drawer Template

This template is a starting point for building apps using a drawer-based
layout. The layout is provided by `app-layout` elements.

This template, along with the `polymer-cli` toolchain, also demonstrates use
of the "PRPL pattern" This pattern allows fast first delivery and interaction with
the content at the initial route requested by the user, along with fast subsequent
navigation by pre-caching the remaining components required by the app and
progressively loading them on-demand as the user navigates through the app.

The PRPL pattern, in a nutshell:

* **Push** components required for the initial route
* **Render** initial route ASAP
* **Pre-cache** components for remaining routes
* **Lazy-load** and progressively upgrade next routes on-demand

### Setup

##### Prerequisites

Install [polymer-cli](https://github.com/Polymer/polymer-cli):

npm install -g polymer-cli

##### Initialize project from template

mkdir my-app
cd my-app
polymer init app-drawer-template

### Start the development server

This command serves the app at `http://localhost:8080` and provides basic URL
routing for the app:

polymer serve

[Personal website](http://akirodic.com) based on [Polymer App Toolbox](https://www.polymer-project.org/1.0/toolbox/).

### Build

This command performs HTML, CSS, and JS minification on the application
dependencies, and generates a service-worker.js file with code to pre-cache the
dependencies based on the entrypoint and fragments specified in `polymer.json`.
The minified files are output to the `build/unbundled` folder, and are suitable
for serving from a HTTP/2+Push compatible server.
This command performs HTML, CSS, and JS minification on the application dependencies, and generates a service-worker.js file with code to pre-cache the dependencies based on the entrypoint and fragments specified in `polymer.json`. The minified files are output to the `build/unbundled` folder, and are suitable for serving from a HTTP/2+Push compatible server.

In addition the command also creates a fallback `build/bundled` folder,
generated using fragment bundling, suitable for serving from non
H2/push-compatible servers or to clients that do not support H2/Push.
In addition the command also creates a fallback `build/bundled` folder, generated using fragment bundling, suitable for serving from non H2/push-compatible servers or to clients that do not support H2/Push.

polymer build
```
polymer build
```

### Test the build

This command serves the minified version of the app in an unbundled state, as it would
be served by a push-compatible server:
This command serves the minified version of the app in an unbundled state, as it would be served by a push-compatible server:

polymer serve build/unbundled
```
polymer serve build/unbundled
```

This command serves the minified version of the app generated using fragment bundling:

polymer serve build/bundled
```
polymer serve build/bundled
```

### Extend

You can extend the app by adding more elements that will be demand-loaded
e.g. based on the route, or to progressively render non-critical sections
of the application. Each new demand-loaded fragment should be added to the
list of `fragments` in the included `polymer.json` file. This will ensure
those components and their dependencies are added to the list of pre-cached
components (and will have bundles created in the fallback `bundled` build).


You can extend the app by adding more elements that will be demand-loaded e.g. based on the route, or to progressively render non-critical sections of the application. Each new demand-loaded fragment should be added to the list of `fragments` in the included `polymer.json` file. This will ensure those components and their dependencies are added to the list of pre-cached components (and will have bundles created in the fallback `bundled` build).
27 changes: 27 additions & 0 deletions _.travis.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
language: node_js
sudo: required
dist: trusty
addons:
firefox: latest
apt:
sources:
- google-chrome
packages:
- google-chrome-stable
node_js:
- '0.12'
- '4.2'
- '5.1'
cache:
directories:
- node_modules
before_script:
- 'export DISPLAY=:99.0'
- sh -e /etc/init.d/xvfb start
- sleep 3
- npm i -g [email protected] [email protected] [email protected]
- bower i
script:
- ./travis-runner.sh
env:
- secure: XwpzUCepQserNClpI5XnMFFxfPd69m1zJvB+D+AUXbdGUki2VEJcN5p4Lu/7sr5beoo19bh6dMRjMXVRmMnaphLa+PfSm6CM/j3iCrOdmehsgmQMrhNmflqW4a3QfcJ4QFNcg+v7Q0O+GsBKim3WVX1lRaGFU/OHKjsSomTqdWOeIzsfqlpt21FV6F84HwsUjLrA1iGndioXQ+HsjD1+RxO6QF5remQuTUGVbNZhgxiv+qbB27izH3TTItuU6etU0lUqsVinSL9Tdibqm3OkgV0sbulTfufIq+7y8Oug8QahZQDVTKENB5MAJW2JbMJ1+RAWwKEA2Dl7JntmI7vMRL74UOLXVVlWeATHzaBJaivR6d+MDZIkMvFmn+kQPWPo7k/5oQUfQ2MketR/tAMFWmpRMoDfR00Ib2P0pqdg57CDoGrz7Pn27iDZWivtYRiri+uOjPNSqxrjwBJuXR8/E5voCSb9h353PSHvu2k23vhtNCT+H0qXUUBTBzz73PJtoqjV4+4vTWqTE86NPvaiyLEA+mRHofKhOYFprS4xwaL8G7DnqMef+sqdtGMSRttRV2CQYKZXvMg5vVvaBlbquV64nOO1wagakjbm+3dIE4V6iABwulFsMWCgsNc1TTcDVR4niOVcMQ9l1s0cukZ4bsj2edDgp0/t+oQd5acA55Q=
53 changes: 53 additions & 0 deletions _travis-runner.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
#!/bin/bash -e
set -o pipefail

if [ "$TRAVIS_BRANCH" = "dev" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ] && [ "$TRAVIS_NODE_VERSION" = "5.1" ]
then
git config --global user.email "[email protected]"
git config --global user.name "auto deployer"

# Stamp index.html with the date and time of PSK's deploying
date_value=`date`
sed -i.tmp1 "s/This is another card./This is another card. PSK Deployed on: $date_value/" app/index.html

deploy_ghpages () {
# Deploying to GitHub Pages! (http://polymerelements.github.io/polymer-starter-kit)
echo Deploying to GitHub Pages
sed -i.tmp "s/\/\/ app.baseUrl = '\/polymer-starter-kit/app.baseUrl = '\/polymer-starter-kit/" app/scripts/app.js
sed -i.tmp2 "s/<\/head>/\ \<script>'https:'!==window.location.protocol\&\&(window.location.protocol='https')<\/script>&/g" app/index.html
gulp build-deploy-gh-pages
# Undoing Changes to PSK for GitHub Pages
cp app/scripts/app.js.tmp app/scripts/app.js
rm app/scripts/app.js.tmp
cp app/index.html.tmp2 app/index.html
rm app/index.html.tmp2
}

deploy_firebase () {
# Deploying to Firebase! (https://polymer-starter-kit.firebaseapp.com)
echo Deploying to Firebase
# Making Changes to PSK for Firebase
sed -i.tmp 's/<!-- Chrome for Android theme color -->/<base href="\/">\'$'\n<!-- Chrome for Android theme color -->/g' app/index.html
sed -i.tmp "s/hashbang: true/hashbang: false/" app/elements/routing.html
cp docs/firebase.json firebase.json
# Starting Build Process for Firebase Changes
gulp
# Starting Deploy Process to Firebaseapp.com Server -- polymer-starter-kit.firebaseapp.com
firebase deploy --token "$FIREBASE_TOKEN" -m "Auto Deployed by Travis CI"
# Undoing Changes to PSK for Firebase
cp app/index.html.tmp app/index.html
cp app/elements/routing.html.tmp app/elements/routing.html
rm app/elements/routing.html.tmp
rm app/index.html.tmp
rm firebase.json
}

deploy_ghpages
deploy_firebase

# Revert to orginal index.html and delete temp file
cp app/index.html.tmp1 app/index.html
rm app/index.html.tmp1
elif [ "$TRAVIS_BRANCH" = "master" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ] && [ "$TRAVIS_NODE_VERSION" != "5.1" ]
then
echo "Do Nothing, only deploy with Node 5.1"
1 change: 1 addition & 0 deletions bower.json
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
"app-route": "polymerelements/app-route#^0.9.1",
"iron-flex-layout": "polymerelements/iron-flex-layout#^1.0.0",
"iron-icon": "polymerelements/iron-icon#^1.0.0",
"iron-icons": "polymerelements/iron-icons#^1.0.0",
"iron-iconset-svg": "polymerelements/iron-iconset-svg#^1.0.0",
"iron-localstorage": "polymerelements/iron-localstorage#^1.0.0",
"iron-media-query": "polymerelements/iron-media-query#^1.0.0",
Expand Down
Binary file added favicon.ico
Binary file not shown.
Binary file added images/cardboard-launch.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/daily-routines.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/flux-factory.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/google-zeitgeist-2013.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-128x128.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-144x144-precomposed.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-144x144.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-152x152.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-384x384.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-72x72.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/icon-96x96.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/logo.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/just-a-reflector.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/star-wars-1313.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/unnumbered-sparks.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/webgl-jellyfish.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
59 changes: 56 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -12,15 +12,59 @@
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Aleksandar Aki Rodić is an artist, designer and software engineer.
He uses computer graphics and the art of programming to create new experiences on the web.">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="generator" content="Polymer Starter Kit" />
<link rel="author" content="Aki Rodic" href="https://github.com/arodic">
<link rel="me" content="Aki Rodic" href="http://akirodic.com">

<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

<title>My App</title>
<title>Aki Rodic</title>

<link rel="shortcut icon" sizes="32x32" href="/images/app-icon-32.png">
<link rel="shortcut icon" sizes="72x72" href="/images/icon-72.png">

<meta name="theme-color" content="#fff">
<link rel="manifest" href="/manifest.json">

<meta name="theme-color" content="#fff">
<meta name="msapplication-TileColor" content="#EFEFEF">

<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Aki Rodic">
<link rel="icon" sizes="192x192" href="images/icons/icon-192x192.png">

<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Aki Rodic">
<link rel="apple-touch-icon" href="images/icons/icon-152x152.png">

<!-- Tile icon for Win8 (144x144) -->
<meta name="msapplication-TileImage" content="images/icons/icon-144x144-precomposed.png">

<!-- Tages for sharing -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="arodic">
<meta name="twitter:title" content="Aki Rodic">
<meta name="twitter:creator" content="arodic">
<meta name="twitter:image:src" content="images/icons/icon-192x192.png">
<meta name="twitter:domain" content="akirodic.com">
<meta itemprop="name" content="Aki Rodic">
<meta itemprop="description" content="Aki Rodic">
<meta itemprop="image" src="[sharing image]">
<meta name="description" content="Aki Rodic">
<meta name="keywords" content="[keywords]">
<meta name="author" content="[author name]">
<meta property="og:title" content="Aki Rodic">
<meta property="og:type" content="website">
<meta property="og:image" content="images/icons/icon-192x192.png"/>
<meta property="og:site_name" content="Aki Rodic">
<meta property="og:description" content="Aki Rodic">
<meta property="og:locale" content="en_US" />

<script>

// setup Polymer options
Expand Down Expand Up @@ -68,5 +112,14 @@

<my-app></my-app>

<!-- <script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-68216254-1', 'auto');
ga('send', 'pageview');
</script> -->

</body>
</html>
8 changes: 4 additions & 4 deletions manifest.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "My App",
"short_name": "My App",
"name": "Aki Rodic",
"short_name": "Aki Rodic",
"icons": [{
"src": "images/app-icon-32.png",
"type": "image/png",
Expand All @@ -23,7 +23,7 @@
"type": "image/svg"
}],
"start_url": "/",
"background_color": "#EFEFEF",
"display": "standalone",
"background_color": "#3f51b5",
"theme_color": "#3f51b5"
"theme_color": "#EFEFEF"
}
5 changes: 2 additions & 3 deletions polymer.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,7 @@
"entrypoint": "index.html",
"shell": "src/my-app.html",
"fragments": [
"src/my-view1.html",
"src/my-view2.html",
"src/my-view3.html"
"src/page-about.html",
"src/page-projects.html",
]
}
4 changes: 4 additions & 0 deletions robots.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
# akirodic.com

User-agent: *
Disallow:
Loading

0 comments on commit 8c834b9

Please sign in to comment.