diff --git a/.gitignore b/.gitignore
index 894a44c..c160a31 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,104 +1,157 @@
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
-
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-# Usually these files are written by a python script from a template
-# before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-.hypothesis/
-.pytest_cache/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# pyenv
-.python-version
-
-# celery beat schedule file
-celerybeat-schedule
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
+
+# Created by https://www.gitignore.io/api/sass,webstorm,jetbrains+all
+# Edit at https://www.gitignore.io/?templates=sass,webstorm,jetbrains+all
+
+### JetBrains+all ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn. Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### JetBrains+all Patch ###
+# Ignores the whole .idea folder and all .iml files
+# See https://github.com/joeblau/gitignore.io/issues/186 and https://github.com/joeblau/gitignore.io/issues/360
+
+.idea/
+
+# Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-249601023
+
+*.iml
+modules.xml
+.idea/misc.xml
+*.ipr
+
+# Sonarlint plugin
+.idea/sonarlint
+
+### Sass ###
+.sass-cache/
+*.css.map
+*.sass.map
+*.scss.map
+
+### WebStorm ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and WebStorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+
+# Generated files
+
+# Sensitive or high-churn files
+
+# Gradle
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn. Uncomment if using
+# auto-import.
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+
+# Mongo Explorer plugin
+
+# File-based project format
+
+# IntelliJ
+
+# mpeltonen/sbt-idea plugin
+
+# JIRA plugin
+
+# Cursive Clojure plugin
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+
+# Editor-based Rest Client
+
+# Android studio 3.1+ serialized cache file
+
+### WebStorm Patch ###
+# Comment Reason: https://github.com/joeblau/gitignore.io/issues/186#issuecomment-215987721
+
+# *.iml
+# modules.xml
+# .idea/misc.xml
+# *.ipr
+
+# Sonarlint plugin
+.idea/**/sonarlint/
+
+# SonarQube Plugin
+.idea/**/sonarIssues.xml
+
+# Markdown Navigator plugin
+.idea/**/markdown-navigator.xml
+.idea/**/markdown-navigator/
+
+# End of https://www.gitignore.io/api/sass,webstorm,jetbrains+all
\ No newline at end of file
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..dd44924
--- /dev/null
+++ b/about.html
@@ -0,0 +1,10 @@
+
+
+
+
+ About Me
+
+
+
+
+
\ No newline at end of file
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..27bd9fb
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,10 @@
+
+
+
+
+ Contact Me
+
+
+
+
+
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
index 85afe80..445d0e6 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,95 +1,40 @@
-.jumbotron {
- text-align: center;
-}
-
-#UpperCarousel {
- width: 70%;
- margin: auto;
-}
-
-#LowerCarousel {
- width: 70%;
- margin: auto;
-}
+.header {
+ overflow: hidden;
+ background-color: lightgrey;
+ padding: 20px 10px; }
-.carousel-cell {
- width: 66%;
- background: #ffffff;
- margin-right: 10px;
- height: 60px;
- line-height: 1.5;
- border-radius: 5px;
-}
-
-.carousel-cell-content {
- color: #2E2E2E;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-.grid-item {
- width: 30%;
+.header a {
float: left;
- height: auto;
- background: #e6e5e4;
- border: 2px solid #b6b5b4;
- margin: 5px;
+ color: black;
text-align: center;
- border-radius: 5px;
-}
-
-.grid {
- align-content: center;
-}
-
-.student {
- border-width: 4px;
- background-color: #ef9a9a;
- border-radius: 5px;
- border-style: none;
-}
-
-.developer {
- border-width: 4px;
- background-color: #81d4fa;
- border-radius: 5px;
- border-style: none;
-}
-
-.person {
- border-width: 4px;
- background-color: #66bb6a;
- border-radius: 5px;
- border-style: none;
-}
-
-.python {
- border-width: 4px;
- border-top-color: #FFD43B;
- border-bottom-color: #FFD43B;
- border-left-color: #306998;
- border-right-color: #306998;
- border-style: solid;
-}
-
-.unity {
- border-width: 4px;
- border-top-color: #000000;
- border-bottom-color: #000000;
- border-left-color: #dddddd;
- border-right-color: #dddddd;
- border-style: solid;
-}
-
-.friends {
- border-width: 4px;
- border-top-color: #33691e;
- border-bottom-color: #33691e;
- border-left-color: #283593;
- border-right-color: #283593;
- border-style: solid;
-}
+ padding: 12px;
+ text-decoration: none;
+ font-size: 18px;
+ line-height: 25px;
+ border-radius: 4px; }
+
+.header a.name {
+ font-size: 25px;
+ font-weight: bold; }
+
+.header a:hover {
+ background-color: #dddddd;
+ color: black; }
+
+.header a:active {
+ background-color: dodgerblue;
+ color: white; }
+
+.header-right {
+ float: right; }
+
+@media screen and (max-width: 500px) {
+ .header a {
+ float: none;
+ display: block;
+ text-align: left; }
+
+ .header-right {
+ float: none; } }
/*# sourceMappingURL=index.css.map */
diff --git a/css/index.css.map b/css/index.css.map
index b46fe98..5424a77 100644
--- a/css/index.css.map
+++ b/css/index.css.map
@@ -1 +1,7 @@
-{"version":3,"sourceRoot":"","sources":["../sass/index.sass"],"names":[],"mappings":"AAMA;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EA1BA;EACA;EACA;EACA;;;AA2BF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
\ No newline at end of file
+{
+"version": 3,
+"mappings": "AAEA,OAAO;EACL,QAAQ,EAAE,MAAM;EAChB,gBAAgB,EAAE,SAAS;EAC3B,OAAO,EAAE,SAAS;;AAEpB,SAAS;EACP,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,IAAI;EACrB,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;EACjB,aAAa,EAAE,GAAG;;AAEpB,cAAc;EACZ,SAAS,EAAE,IAAI;EACf,WAAW,EAAE,IAAI;;AAEnB,eAAe;EACb,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;;AAEd,gBAAgB;EACd,gBAAgB,EAAE,UAAU;EAC5B,KAAK,EAAE,KAAK;;AAEd,aAAa;EACX,KAAK,EAAE,KAAK;;AAEd,oCAA4C;EAC1C,SAAS;IACP,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,IAAI;;EAElB,aAAa;IACX,KAAK,EAAE,IAAI",
+"sources": ["../sass/index.sass"],
+"names": [],
+"file": "index.css"
+}
diff --git a/index.html b/index.html
index 3b85007..d910cd2 100644
--- a/index.html
+++ b/index.html
@@ -1,224 +1,23 @@
-
+
+
Jake Cover
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
Hi!
-
I'm Jake Cover , a
-
-
-
-
- Developer
-
-
-
-
- Student
-
-
-
-
- Person
-
-
-
-
-
Clike ME!
-
-
-
Who likes
-
-
-
-
- Python
-
-
-
-
- Unity
-
-
-
-
- FPS Games
-
-
-
-
- People
-
-
-
-
-
-
-
-
-
1 Distest
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
- with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
- publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
-
-
-
2 ReplyBot
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
- with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
- publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
-
-
-
3 ForeSight Sports
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged.
-
-
-
-
4 Unity Club
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged.
-
-
-
-
5 Robotics Captain
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged.
-
-
-
-
6 Telegram
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
- with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
- publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
-
-
-
steam
-
- This is a really cool project!
-
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
- industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
- and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
- leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s
- with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
- publishing software like Aldus PageMaker including versions of Lorem Ipsum.
-
-
-
-
+
-
\ No newline at end of file
diff --git a/sass/_old_index.sass b/sass/_old_index.sass
new file mode 100644
index 0000000..100e55e
--- /dev/null
+++ b/sass/_old_index.sass
@@ -0,0 +1,86 @@
+@mixin centerer
+ position: absolute
+ top: 50%
+ left: 50%
+ transform: translate(-50%, -50%)
+
+.jumbotron
+ text-align: center
+
+#UpperCarousel
+ width: 70%
+ margin: auto
+
+#LowerCarousel
+ width: 70%
+ margin: auto
+
+
+.carousel-cell
+ width: 66%
+ background: #ffffff
+ margin-right: 10px
+ height: 60px
+ line-height: 1.5
+ border-radius: 5px
+
+.carousel-cell-content
+ color: #2E2E2E
+ @include centerer
+
+// Grid Info
+.grid-item
+ width: 30%
+ float: left
+ height: auto
+ background: #e6e5e4
+ border: 2px solid #b6b5b4
+ margin: 5px
+ text-align: center
+ border-radius: 5px
+
+.grid
+ align-content: center
+
+.student
+ border-width: 4px
+ background-color: #ef9a9a
+ border-radius: 5px
+ border-style: none
+
+.developer
+ border-width: 4px
+ background-color: #81d4fa
+ border-radius: 5px
+ border-style: none
+
+.person
+ border-width: 4px
+ background-color: #66bb6a
+ border-radius: 5px
+ border-style: none
+
+.python
+ border-width: 4px
+ border-top-color: #FFD43B
+ border-bottom-color: #FFD43B
+ border-left-color: #306998
+ border-right-color: #306998
+ border-style: solid
+
+.unity
+ border-width: 4px
+ border-top-color: #000000
+ border-bottom-color: #000000
+ border-left-color: #dddddd
+ border-right-color: #dddddd
+ border-style: solid
+
+.friends
+ border-width: 4px
+ border-top-color: #33691e
+ border-bottom-color: #33691e
+ border-left-color: #283593
+ border-right-color: #283593
+ border-style: solid
+
diff --git a/sass/index.sass b/sass/index.sass
index 100e55e..95abfd3 100644
--- a/sass/index.sass
+++ b/sass/index.sass
@@ -1,86 +1,40 @@
-@mixin centerer
- position: absolute
- top: 50%
- left: 50%
- transform: translate(-50%, -50%)
-
-.jumbotron
- text-align: center
-
-#UpperCarousel
- width: 70%
- margin: auto
-
-#LowerCarousel
- width: 70%
- margin: auto
-
+$mobile-break: 500px
-.carousel-cell
- width: 66%
- background: #ffffff
- margin-right: 10px
- height: 60px
- line-height: 1.5
- border-radius: 5px
+.header
+ overflow: hidden
+ background-color: lightgrey
+ padding: 20px 10px
-.carousel-cell-content
- color: #2E2E2E
- @include centerer
-
-// Grid Info
-.grid-item
- width: 30%
+.header a
float: left
- height: auto
- background: #e6e5e4
- border: 2px solid #b6b5b4
- margin: 5px
+ color: black
text-align: center
- border-radius: 5px
-
-.grid
- align-content: center
-
-.student
- border-width: 4px
- background-color: #ef9a9a
- border-radius: 5px
- border-style: none
-
-.developer
- border-width: 4px
- background-color: #81d4fa
- border-radius: 5px
- border-style: none
-
-.person
- border-width: 4px
- background-color: #66bb6a
- border-radius: 5px
- border-style: none
-
-.python
- border-width: 4px
- border-top-color: #FFD43B
- border-bottom-color: #FFD43B
- border-left-color: #306998
- border-right-color: #306998
- border-style: solid
-
-.unity
- border-width: 4px
- border-top-color: #000000
- border-bottom-color: #000000
- border-left-color: #dddddd
- border-right-color: #dddddd
- border-style: solid
-
-.friends
- border-width: 4px
- border-top-color: #33691e
- border-bottom-color: #33691e
- border-left-color: #283593
- border-right-color: #283593
- border-style: solid
-
+ padding: 12px
+ text-decoration: none
+ font-size: 18px
+ line-height: 25px
+ border-radius: 4px
+
+.header a.name
+ font-size: 25px
+ font-weight: bold
+
+.header a:hover
+ background-color: #dddddd
+ color: black
+
+.header a:active
+ background-color: dodgerblue
+ color: white
+
+.header-right
+ float: right
+
+@media screen and (max-width: $mobile-break)
+ .header a
+ float: none
+ display: block
+ text-align: left
+
+ .header-right
+ float: none
diff --git a/scripts/filter_on_flickity.js b/scripts/filter_on_flickity.js
deleted file mode 100644
index 28b91eb..0000000
--- a/scripts/filter_on_flickity.js
+++ /dev/null
@@ -1,13 +0,0 @@
-// var $upper_carousel = $('.upper-main-carousel').flickity();
-// var $lower_carousel = $('.lower-main-carousel').flickity();
-
-// function listen_for_upper_selection(event, index) {
-// console.log(index)
-// }
-
-// function listen_for_lower_selection(event, index) {
-// console.log(index)
-// }
-
-// $upper_carousel.on('change.flickity',
-// $lower_carousel.on('change.flickity', listen_for_lower_selection)
\ No newline at end of file
diff --git a/scripts/packery-mode.pkgd.min.js b/scripts/packery-mode.pkgd.min.js
deleted file mode 100644
index e684a13..0000000
--- a/scripts/packery-mode.pkgd.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-/*!
- * Packery layout mode PACKAGED v2.0.1
- * sub-classes Packery
- */
-
-!function(a,b){"function"==typeof define&&define.amd?define("packery/js/rect",b):"object"==typeof module&&module.exports?module.exports=b():(a.Packery=a.Packery||{},a.Packery.Rect=b())}(window,function(){function a(b){for(var c in a.defaults)this[c]=a.defaults[c];for(c in b)this[c]=b[c]}a.defaults={x:0,y:0,width:0,height:0};var b=a.prototype;return b.contains=function(a){var b=a.width||0,c=a.height||0;return this.x<=a.x&&this.y<=a.y&&this.x+this.width>=a.x+b&&this.y+this.height>=a.y+c},b.overlaps=function(a){var b=this.x+this.width,c=this.y+this.height,d=a.x+a.width,e=a.y+a.height;return this.x
a.x&&this.ya.y},b.getMaximalFreeRects=function(b){if(!this.overlaps(b))return!1;var c,d=[],e=this.x+this.width,f=this.y+this.height,g=b.x+b.width,h=b.y+b.height;return this.yg&&(c=new a({x:g,y:this.y,width:e-g,height:this.height}),d.push(c)),f>h&&(c=new a({x:this.x,y:h,width:this.width,height:f-h}),d.push(c)),this.x=a.width&&this.height>=a.height},a}),function(a,b){if("function"==typeof define&&define.amd)define("packery/js/packer",["./rect"],b);else if("object"==typeof module&&module.exports)module.exports=b(require("./rect"));else{var c=a.Packery=a.Packery||{};c.Packer=b(c.Rect)}}(window,function(a){function b(a,b,c){this.width=a||0,this.height=b||0,this.sortDirection=c||"downwardLeftToRight",this.reset()}var c=b.prototype;c.reset=function(){this.spaces=[];var b=new a({x:0,y:0,width:this.width,height:this.height});this.spaces.push(b),this.sorter=d[this.sortDirection]||d.downwardLeftToRight},c.pack=function(a){for(var b=0;b=a.x+a.width&&c.height>=a.height-.01;if(d){a.y=c.y,this.placed(a);break}}},c.rowPack=function(a){for(var b=0;b=a.y+a.height&&c.width>=a.width-.01;if(d){a.x=c.x,this.placed(a);break}}},c.placeInSpace=function(a,b){a.x=b.x,a.y=b.y,this.placed(a)},c.placed=function(a){for(var b=[],c=0;cc&&1>d;return e?void this.goTo(a,b):void h.apply(this,arguments)},f.enablePlacing=function(){this.removeTransitionStyles(),this.isTransitioning&&d&&(this.element.style[d]="none"),this.isTransitioning=!1,this.getSize(),this.layout._setRectSize(this.element,this.rect),this.isPlacing=!0},f.disablePlacing=function(){this.isPlacing=!1},f.removeElem=function(){this.element.parentNode.removeChild(this.element),this.layout.packer.addSpace(this.rect),this.emitEvent("remove",[this])},f.showDropPlaceholder=function(){var a=this.dropPlaceholder;a||(a=this.dropPlaceholder=document.createElement("div"),a.className="packery-drop-placeholder",a.style.position="absolute"),a.style.width=this.size.width+"px",a.style.height=this.size.height+"px",this.positionDropPlaceholder(),this.layout.element.appendChild(a)},f.positionDropPlaceholder=function(){this.dropPlaceholder.style[d]="translate("+this.rect.x+"px, "+this.rect.y+"px)"},f.hideDropPlaceholder=function(){this.layout.element.removeChild(this.dropPlaceholder)},e}),function(a,b){"function"==typeof define&&define.amd?define("packery/js/packery",["get-size/get-size","outlayer/outlayer","./rect","./packer","./item"],b):"object"==typeof module&&module.exports?module.exports=b(require("get-size"),require("outlayer"),require("./rect"),require("./packer"),require("./item")):a.Packery=b(a.getSize,a.Outlayer,a.Packery.Rect,a.Packery.Packer,a.Packery.Item)}(window,function(a,b,c,d,e){function f(a,b){return a.position.y-b.position.y||a.position.x-b.position.x}function g(a,b){return a.position.x-b.position.x||a.position.y-b.position.y}function h(a,b){var c=b.x-a.x,d=b.y-a.y;return Math.sqrt(c*c+d*d)}c.prototype.canFit=function(a){return this.width>=a.width-1&&this.height>=a.height-1};var i=b.create("packery");i.Item=e;var j=i.prototype;j._create=function(){b.prototype._create.call(this),this.packer=new d,this.shiftPacker=new d,this.isEnabled=!0,this.dragItemCount=0;var a=this;this.handleDraggabilly={dragStart:function(){a.itemDragStart(this.element)},dragMove:function(){a.itemDragMove(this.element,this.position.x,this.position.y)},dragEnd:function(){a.itemDragEnd(this.element)}},this.handleUIDraggable={start:function(b,c){c&&a.itemDragStart(b.currentTarget)},drag:function(b,c){c&&a.itemDragMove(b.currentTarget,c.position.left,c.position.top)},stop:function(b,c){c&&a.itemDragEnd(b.currentTarget)}}},j._resetLayout=function(){this.getSize(),this._getMeasurements();var a,b,c;this._getOption("horizontal")?(a=1/0,b=this.size.innerHeight+this.gutter,c="rightwardTopToBottom"):(a=this.size.innerWidth+this.gutter,b=1/0,c="downwardLeftToRight"),this.packer.width=this.shiftPacker.width=a,this.packer.height=this.shiftPacker.height=b,this.packer.sortDirection=this.shiftPacker.sortDirection=c,this.packer.reset(),this.maxY=0,this.maxX=0},j._getMeasurements=function(){this._getMeasurement("columnWidth","width"),this._getMeasurement("rowHeight","height"),this._getMeasurement("gutter","width")},j._getItemLayoutPosition=function(a){if(this._setRectSize(a.element,a.rect),this.isShifting||this.dragItemCount>0){var b=this._getPackMethod();this.packer[b](a.rect)}else this.packer.pack(a.rect);return this._setMaxXY(a.rect),a.rect},j.shiftLayout=function(){this.isShifting=!0,this.layout(),delete this.isShifting},j._getPackMethod=function(){return this._getOption("horizontal")?"rowPack":"columnPack"},j._setMaxXY=function(a){this.maxX=Math.max(a.x+a.width,this.maxX),this.maxY=Math.max(a.y+a.height,this.maxY)},j._setRectSize=function(b,c){var d=a(b),e=d.outerWidth,f=d.outerHeight;(e||f)&&(e=this._applyGridGutter(e,this.columnWidth),f=this._applyGridGutter(f,this.rowHeight)),c.width=Math.min(e,this.packer.width),c.height=Math.min(f,this.packer.height)},j._applyGridGutter=function(a,b){if(!b)return a+this.gutter;b+=this.gutter;var c=a%b,d=c&&1>c?"round":"ceil";return a=Math[d](a/b)*b},j._getContainerSize=function(){return this._getOption("horizontal")?{width:this.maxX-this.gutter}:{height:this.maxY-this.gutter}},j._manageStamp=function(a){var b,d=this.getItem(a);if(d&&d.isPlacing)b=d.rect;else{var e=this._getElementOffset(a);b=new c({x:this._getOption("originLeft")?e.left:e.right,y:this._getOption("originTop")?e.top:e.bottom})}this._setRectSize(a,b),this.packer.placed(b),this._setMaxXY(b)},j.sortItemsByPosition=function(){var a=this._getOption("horizontal")?g:f;this.items.sort(a)},j.fit=function(a,b,c){var d=this.getItem(a);d&&(this.stamp(d.element),d.enablePlacing(),this.updateShiftTargets(d),b=void 0===b?d.rect.x:b,c=void 0===c?d.rect.y:c,this.shift(d,b,c),this._bindFitEvents(d),d.moveTo(d.rect.x,d.rect.y),this.shiftLayout(),this.unstamp(d.element),this.sortItemsByPosition(),d.disablePlacing())},j._bindFitEvents=function(a){function b(){d++,2==d&&c.dispatchEvent("fitComplete",null,[a])}var c=this,d=0;a.once("layout",b),this.once("layoutComplete",b)},j.resize=function(){this.isResizeBound&&this.needsResizeLayout()&&(this.options.shiftPercentResize?this.resizeShiftPercentLayout():this.layout())},j.needsResizeLayout=function(){var b=a(this.element),c=this._getOption("horizontal")?"innerHeight":"innerWidth";return b[c]!=this.size[c]},j.resizeShiftPercentLayout=function(){var b=this._getItemsForLayout(this.items),c=this._getOption("horizontal"),d=c?"y":"x",e=c?"height":"width",f=c?"rowHeight":"columnWidth",g=c?"innerHeight":"innerWidth",h=this[f];if(h=h&&h+this.gutter){this._getMeasurements();var i=this[f]+this.gutter;b.forEach(function(a){var b=Math.round(a.rect[d]/h);a.rect[d]=b*i})}else{var j=a(this.element)[g]+this.gutter,k=this.packer[e];b.forEach(function(a){a.rect[d]=a.rect[d]/k*j})}this.shiftLayout()},j.itemDragStart=function(a){if(this.isEnabled){this.stamp(a);var b=this.getItem(a);b&&(b.enablePlacing(),b.showDropPlaceholder(),this.dragItemCount++,this.updateShiftTargets(b))}},j.updateShiftTargets=function(a){this.shiftPacker.reset(),this._getBoundingRect();var b=this._getOption("originLeft"),d=this._getOption("originTop");this.stamps.forEach(function(a){var e=this.getItem(a);if(!e||!e.isPlacing){var f=this._getElementOffset(a),g=new c({x:b?f.left:f.right,y:d?f.top:f.bottom});this._setRectSize(a,g),this.shiftPacker.placed(g)}},this);var e=this._getOption("horizontal"),f=e?"rowHeight":"columnWidth",g=e?"height":"width";this.shiftTargetKeys=[],this.shiftTargets=[];var h,i=this[f];if(i=i&&i+this.gutter){var j=Math.ceil(a.rect[g]/i),k=Math.floor((this.shiftPacker[g]+this.gutter)/i);h=(k-j)*i;for(var l=0;k>l;l++)this._addShiftTarget(l*i,0,h)}else h=this.shiftPacker[g]+this.gutter-a.rect[g],this._addShiftTarget(0,0,h);var m=this._getItemsForLayout(this.items),n=this._getPackMethod();m.forEach(function(a){var b=a.rect;this._setRectSize(a.element,b),this.shiftPacker[n](b),this._addShiftTarget(b.x,b.y,h);var c=e?b.x+b.width:b.x,d=e?b.y:b.y+b.height;if(this._addShiftTarget(c,d,h),i)for(var f=Math.round(b[g]/i),j=1;f>j;j++){var k=e?c:b.x+i*j,l=e?b.y+i*j:d;this._addShiftTarget(k,l,h)}},this)},j._addShiftTarget=function(a,b,c){var d=this._getOption("horizontal")?b:a;if(!(0!==d&&d>c)){var e=a+","+b,f=-1!=this.shiftTargetKeys.indexOf(e);f||(this.shiftTargetKeys.push(e),this.shiftTargets.push({x:a,y:b}))}},j.shift=function(a,b,c){var d,e=1/0,f={x:b,y:c};this.shiftTargets.forEach(function(a){var b=h(a,f);e>b&&(d=a,e=b)}),a.rect.x=d.x,a.rect.y=d.y};var k=120;j.itemDragMove=function(a,b,c){function d(){f.shift(e,b,c),e.positionDropPlaceholder(),f.layout()}var e=this.isEnabled&&this.getItem(a);if(e){b-=this.size.paddingLeft,c-=this.size.paddingTop;var f=this,g=new Date;this._itemDragTime&&g-this._itemDragTime