diff options
| -rw-r--r-- | 5pxweb.sublime-workspace | 10 | ||||
| -rw-r--r-- | README.txt | 384 | ||||
| -rw-r--r-- | depictions/packages/com.fivepixels.mariomaps.json | 12 | ||||
| -rw-r--r-- | index.html | 39 |
4 files changed, 19 insertions, 426 deletions
diff --git a/5pxweb.sublime-workspace b/5pxweb.sublime-workspace index 5a3dc74..55b654b 100644 --- a/5pxweb.sublime-workspace +++ b/5pxweb.sublime-workspace @@ -598,6 +598,7 @@ [ "/Users/dylanbolger/Documents/PersonalRepo/fivepixels.github.io/index.html", "/Users/dylanbolger/Documents/PersonalRepo/fivepixels.github.io/README.txt", + "/Users/dylanbolger/Documents/PersonalRepo/fivepixels.github.io/depictions/packages/com.fivepixels.mariomaps.json", "/Users/dylanbolger/Documents/PersonalRepo/fivepixels.github.io/CNAME", "/Users/dylanbolger/Documents/PersonalRepo/fivepixels.github.io/css/index.css", "/Users/dylanbolger/Documents/TweakProjects/lockscreen11/Tweak.xm", @@ -722,8 +723,7 @@ "/Users/hetelek/Desktop/outdir/GKUnauthenticatedPlayerInternal.h", "/Users/hetelek/Desktop/outdir/GKLocalPlayerInternal.h", "/Users/hetelek/Desktop/outdir/GKFriendPlayerInternal.h", - "/Users/hetelek/Desktop/outdir/GKFamiliarPlayerInternal.h", - "/Users/hetelek/Desktop/outdir/GKPlayerInternal.h" + "/Users/hetelek/Desktop/outdir/GKFamiliarPlayerInternal.h" ], "find": { @@ -731,7 +731,7 @@ }, "find_in_files": { - "height": 93.0, + "height": 0.0, "where_history": [ "" @@ -742,6 +742,7 @@ "case_sensitive": true, "find_history": [ + "joined", "image", "key", "ul class", @@ -868,8 +869,7 @@ "authenticatePlayerWithUsername", "Slices", "slices", - "appGroup", - "ACTIVATION_BACKUP_SERVER" + "appGroup" ], "highlight": true, "in_selection": false, @@ -1,383 +1 @@ -Ethereal by HTML5 UP
-html5up.net | @ajlkn
-Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-
-
-This is Ethereal, my latest, greatest, and quite possibly most unique template for HTML5 UP.
-Since releasing Parallelism 3-4 years ago (!!!), I've been dying to do another side-scrolling
-template with more in the way of flexibility/customization potential. The result is this template,
-Ethereal, which combines a robust side-scrolling framework of my own creation (with various
-"scroll-assist" features like drag/momentum scrolling, keyboard shortcuts, etc.) with a unique
-look and feel, a lightbox gallery, tons of customization options, and, of course, full
-responsiveness. Hope you dig it :)
-
-Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
-you can use for pretty much whatever.
-
-(* = not included)
-
-AJ
-aj@lkn.io | @ajlkn
-
-
-Instructions:
-
- Overview
- ========
-
- Browsers deal with side-scrolling pages differently to vertically-oriented ones in
- that they require elements (or at the very least, the top-most wrapper element) to
- have a defined (fixed) width. This leads to a number of limitations (eg. the page
- won't automatically grow/shrink in the same way a vertically-oriented one will), so
- Ethereal does two things to work around this:
-
- - The entire page is made up of "panel" elements, each of which can be assigned an
- optional "size" modifier (satisfying the fixed width requirement).
-
- - For panels that don't use a size modifier, individual containing elements *inside*
- them (eg. a column) can be assigned a "span" modifier to give those a fixed width
- instead (also satisfying the fixed width requirement).
-
- Another fun quirk of side-scrolling pages is how to actually implement horizontal
- scrolling *without* resorting to using the (usually ugly) horizontal scrollbar.
- Ethereal does this in FOUR (!) ways:
-
- - Dragging: Users can simply click and drag the page left or right to scroll it around.
- This works exactly as you'd expect, and even has a nice "post-scroll momentum" effect.
-
- - Scroll Wheel: Ethereal modifies* the scroll wheel's behavior to translate vertical
- scrolling into horizontal scrolling, allowing the user to use either the scroll wheel
- or trackpad to scroll the page (the latter of which retains the ability to horziontally
- scroll as normal, so nothing changes there).
-
- * Special thanks to @miorel + @pieterv of Facebook for "normalizeWheel()" :)
-
- - Scroll Zones: Users can hover the mouse cursor on the left or right edges of the page
- to automatically scroll in either direction.
-
- - Keyboard Shortcuts: Finally, users can simply use the left/right arrows, page up/down,
- home/end, and the spacebar to scroll the page.
-
- Note that any (or all) of these scroll-assist features can be turned off (and in some
- cases customized). See the top of assets/js/main.js for more information.
-
-
- Span Modifiers
- ==============
-
- Span modifiers are simply classes that give elements a fixed width, the size of which
- is determined by the "unit value" associated with the modifier (eg. "span-3" means
- "span 3 units"). These sizes are in "rem" units when used inside panels that don't
- use a size modifier, and in percentage units when used inside panels that do.
-
- Ethereal includes span modifiers ranging from 0.25 units ("span-0-25") to 10 units
- ("span-10"). Here's a partial list:
-
- span-0-25 Span 0.25 units.
- span-0-5 Span 0.5 units.
- span-0-75 Span 0.75 units.
- span-1 Span 1 unit.
- span-1-25 Span 1.25 units.
- span-1-5 Span 1.5 units.
- span-1-75 Span 1.75 units.
- ...
- span-9 Span 9 units.
- span-9-25 Span 9.25 units.
- span-9-5 Span 9.5 units.
- span-9-75 Span 9.75 units.
- span-10 Span 10 units.
-
-
- Major Elements
- ==============
-
- Most of Ethereal's elements are pretty much what you'd expect, but there are a handful
- of "major" ones that warrant a bit more explanation:
-
-
- Panel
- ------
-
- The primary building block of Ethereal.
-
- HTML
-
- <section class="panel (size modifier) (color modifier)">
- <div class="intro (color modifier)">
- (intro content)
- </div>
- <div class="inner (inner modifiers) (color modifier)">
- (inner content)
- </div>
- </section>
-
- Note: The entire "intro" child element can be excluded.
- Note: You can have as many "intro" and "inner" child elements as you like.
-
- Modifiers
-
- Size
-
- small Use small size.
- medium Use medium size.
- large Use large size.
-
- Color
-
- color0 Use background color 0 (gradient).
- color1 Use background color 1.
- color2 Use background color 2.
- color3 Use background color 3.
- color4 Use background color 4.
- color1-alt Use background color 1 (alt).
- color2-alt Use background color 2 (alt).
- color3-alt Use background color 3 (alt).
- color4-alt Use background color 4 (alt).
-
- Inner
-
- columns Divides child elements into columns.
- aligned When used with "columns", aligns content to top of panel.
- divided When used with "columns", separates each column with a vertical line.
-
- Examples
-
- Here's a very basic example:
-
- <section class="panel medium color0">
- <div class="intro">
- <h2 class="major">Panel</h2>
- <p>Just a generic panel.</p>
- </div>
- <div class="inner">
- <p>Lorem ipsum dolor sit amet.</p>
- </div>
- </section>
-
- And here's a more advanced example using columns and *no* size modifier:
-
- <section class="panel color2">
- <div class="intro">
- <h2 class="major">Panel</h2>
- <p>Just a generic panel.</p>
- </div>
- <div class="inner columns">
- <div class="span-4">
- <p>This column is 4 units wide.</p>
- </div>
- <div class="span-3">
- <p>This column is 3 units wide.</p>
- </div>
- <div class="span-2">
- <p>This column is 2 units wide.</p>
- </div>
- </div>
- </section>
-
- Note: The "intro" child element already has a fixed width, so a span modifier
- isn't required.
-
-
- Panel (Banner)
- --------------
-
- The "Banner" variant of a regular panel.
-
- HTML
-
- <section class="panel banner (size modifier) (color modifier) (orientation modifier)">
- <div class="content (color modifier)">
- (content)
- </div>
- <div class="image (image modifiers)" data-position="(image position modifier)">
- <img src="(image URL)" alt="" />
- </div>
- </section>
-
- Modifiers
-
- Orientation
-
- left Content on the left, image on the right.
- right Content on the right, image on the left.
-
- Image
-
- filtered Applies a gradient filter to the image.
- tinted Applies a tint filter to the image.
-
- Image Position (required)
-
- top left Position image in the top-left corner.
- top Position image along the top edge.
- top right Position image in the top-right corner.
- right Position image along the right edge.
- bottom right Position image in the bottom-right corner.
- bottom Position image along the bottom edge.
- bottom left Position image in the bottom-left corner.
- left Position image along the left edge.
- center Position image in the center.
-
- Example
-
- <section class="panel banner medium right">
- <div class="content color0">
- <h1>Banner</h1>
- <p>Lorem ipsum dolor sit amet.</p>
- </div>
- <div class="image" data-position="center">
- <img src="/path/to/image.jpg" alt="" />
- </div>
- </section>
-
-
- Panel (Spotlight)
- -----------------
-
- The "Spotlight" variant of a regular panel.
-
- HTML
-
- <section class="panel spotlight (size modifier) (orientation modifier)">
- <div class="content (span modifier)">
- (content)
- </div>
- <div class="image (image modifiers)" data-position="(image position modifier)">
- <img src="(image URL)" alt="" />
- </div>
- </section>
-
- Modifiers
-
- Orientation
-
- left Content on the left.
- right Content on the right.
-
- Image
-
- filtered Applies a gradient filter to the image.
- tinted Applies a tint filter to the image.
-
- Image Position (required)
-
- top left Position image in the top-left corner.
- top Position image along the top edge.
- top right Position image in the top-right corner.
- right Position image along the right edge.
- bottom right Position image in the bottom-right corner.
- bottom Position image along the bottom edge.
- bottom left Position image in the bottom-left corner.
- left Position image along the left edge.
- center Position image in the center.
-
- Example
-
- <section class="panel spotlight large right">
- <div class="content">
- <h1>Spotlight</h1>
- <p>Lorem ipsum dolor sit amet.</p>
- </div>
- <div class="image" data-position="center">
- <img src="/path/to/image.jpg" alt="" />
- </div>
- </section>
-
-
- Gallery
- -------
-
- A lightbox-enabled gallery.
-
- HTML
-
- <div class="gallery">
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <div class="group (span modifier)">
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- <a href="(full image URL)" class="image (image modifiers) (span modifier)" data-position="(image position modifier)">
- <img src="(thumbnail image URL)" alt="" />
- </a>
- ...
- </div>
- ...
- </div>
-
- Note: The "group" element creates a dual-row group of images. Images inside this group will
- automatically wrap to the next row when they exceed its width (as defined by its span modifier).
- You can have as many groups in a gallery as you like.
-
- Modifiers
-
- Image
-
- filtered Applies a gradient filter to the image.
- tinted Applies a tint filter to the image.
-
- Image Position (required)
-
- top left Position image in the top-left corner.
- top Position image along the top edge.
- top right Position image in the top-right corner.
- right Position image along the right edge.
- bottom right Position image in the bottom-right corner.
- bottom Position image along the bottom edge.
- bottom left Position image in the bottom-left corner.
- left Position image along the left edge.
- center Position image in the center.
-
- Example
-
- <div class="gallery">
- <a href="/images/thumbnails/01.jpg" class="image filtered span-2" data-position="center">
- <img src="/images/fulls/01.jpg" alt="" />
- </a>
- <a href="/images/thumbnails/02.jpg" class="image filtered span-4" data-position="center">
- <img src="/images/fulls/02.jpg" alt="" />
- </a>
- <div class="group span-4">
- <a href="/images/thumbnails/03.jpg" class="image filtered span-2" data-position="center">
- <img src="/images/fulls/03.jpg" alt="" />
- </a>
- <a href="/images/thumbnails/04.jpg" class="image filtered span-2" data-position="center">
- <img src="/images/fulls/04.jpg" alt="" />
- </a>
- <a href="/images/thumbnails/05.jpg" class="image filtered span-2" data-position="center">
- <img src="/images/fulls/05.jpg" alt="" />
- </a>
- <a href="/images/thumbnails/06.jpg" class="image filtered span-2" data-position="center">
- <img src="/images/fulls/06.jpg" alt="" />
- </a>
- </div>
- </div>
-
-
-Credits:
-
- Demo Images:
- Unsplash (unsplash.com)
-
- Icons:
- Font Awesome (fortawesome.github.com/Font-Awesome)
-
- Other:
- jQuery (jquery.com)
- Misc. Sass functions (@HugoGiraudel)
- normalizeWheel (@miorel + @pieterv of Facebook)
- Skel (skel.io)
\ No newline at end of file +yo
\ No newline at end of file diff --git a/depictions/packages/com.fivepixels.mariomaps.json b/depictions/packages/com.fivepixels.mariomaps.json index 4f3c153..bc7bfbf 100644 --- a/depictions/packages/com.fivepixels.mariomaps.json +++ b/depictions/packages/com.fivepixels.mariomaps.json @@ -2,16 +2,14 @@ "name": "MarioMaps (for Google Maps)", "package": "com.fivepixels.mariomaps", "author": "FivePixels", - "version": "1.0.2", + "version": "1.1", "description": "", "changelog": { - "1.0.1": [ - "Initial Alpha Release", - "View & Export App Data", - "View & Export Tweak Data" + "1.1": [ + "Initial Release" ], - "1.0.2": [ - "Add support for new iOS 9 applications" + "1.1": [ + "Fixed Cydia stuff." ] }, "screenshots": { @@ -6,7 +6,7 @@ -->
<html>
<head>
- <title>FivePixels Personal Webpage</title>
+ <title>FivePixels' Personal Webpage</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
@@ -24,8 +24,8 @@ <section class="panel banner right" id="first">
<div class="content color0 span-3-75">
<h1 class="major">Hello, my name<br />
- is FivePixels.</h1>
- <p>But some refer to me as my first name, <strong>Dylan</strong>. I am an 18 year old iOS Tweak and Application Devloper. I've also worked with macOS Development in applications. I also create concepts in <strong>Sketch</strong> and other photo manipulation software.<br><br><br>
+ is Dylan.</h1>
+ <p>But some refer to me as <strong>FivePixels</strong>, or 5px. I am an 18 year old iOS Tweak Developer (primarily using <strong>Objective-C</strong>/<strong>Logos </strong>and <strong>Assembly</strong>) and iOS Application Developer (<strong>Swift</strong>). I've also worked with macOS Development in applications. In free time, I create concepts and UI design using <strong><a href="https://sketchapp.com/">Sketch</a></strong> and other photo manipulation software. You can continue reading <strong>about me</strong> <a href="#third">here</a>.<br><br><br>
</div>
</section>
@@ -53,7 +53,7 @@ <section class="panel spotlight medium" id="third">
<div class="content span-7">
<h2 class="major">About Me</h2>
- <p>Before sharing my work, I'll tell you about myself. I'm currently attending Aurora High School and plan on going to school for computer-based systems/software development. I enjoy making concepts and writing code to go along with it.</p><br><p>s</p>
+ <p>Blah blah blah</p><br><p>s</p>
</div>
<div class="image filtered tinted" data-position="top left">
<img src="images/pic02.jpg" alt="" />
@@ -61,10 +61,10 @@ </section>
<!-- Panel (Spotlight) -->
- <section class="panel spotlight large left" id="fourth">
+ <section class="panel spotlight medium left" id="fourth">
<div class="content span-5">
- <h2 class="major">Magna amet tempus</h2>
- <p>Mauris a cursus velit. Nunc lacinia sollicitudin egestas bibendum, magna dui bibendum ex, sagittis commodo enim risus sed magna nulla. Vestibulum ut consequat velit. Curabitur vitae libero lorem. Quisque iaculis porttitor blandit. Nullam quis sagittis maximus. Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar.</p>
+ <h2 class="major">Tweaks</h2>
+
</div>
<div class="image filtered tinted" data-position="top right">
<img src="images/pic03.jpg" alt="" />
@@ -72,29 +72,6 @@ </section>
<!-- Panel -->
- <section class="panel" id="fifth">
- <div class="intro color2">
- <h2 class="major">Elit integer</h2>
- <p>Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.</p>
- </div>
- <div class="gallery">
- <div class="group span-3">
- <a href="images/gallery/fulls/01.jpg" class="image filtered span-3" data-position="bottom"><img src="images/gallery/thumbs/01.jpg" alt="" /></a>
- <a href="images/gallery/fulls/02.jpg" class="image filtered span-1-5" data-position="center"><img src="images/gallery/thumbs/02.jpg" alt="" /></a>
- <a href="images/gallery/fulls/03.jpg" class="image filtered span-1-5" data-position="bottom"><img src="images/gallery/thumbs/03.jpg" alt="" /></a>
- </div>
- <a href="images/gallery/fulls/04.jpg" class="image filtered span-2-5" data-position="top"><img src="images/gallery/thumbs/04.jpg" alt="" /></a>
- <div class="group span-4-5">
- <a href="images/gallery/fulls/05.jpg" class="image filtered span-3" data-position="top"><img src="images/gallery/thumbs/05.jpg" alt="" /></a>
- <a href="images/gallery/fulls/06.jpg" class="image filtered span-1-5" data-position="center"><img src="images/gallery/thumbs/06.jpg" alt="" /></a>
- <a href="images/gallery/fulls/07.jpg" class="image filtered span-1-5" data-position="bottom"><img src="images/gallery/thumbs/07.jpg" alt="" /></a>
- <a href="images/gallery/fulls/08.jpg" class="image filtered span-3" data-position="top"><img src="images/gallery/thumbs/08.jpg" alt="" /></a>
- </div>
- <a href="images/gallery/fulls/09.jpg" class="image filtered span-2-5" data-position="right"><img src="images/gallery/thumbs/09.jpg" alt="" /></a>
- </div>
- </section>
-
- <!-- Panel -->
<section class="panel banner right" id="sixth">
<div class="content color0 span-4-75">
@@ -113,7 +90,7 @@ </section>
<!-- Copyright -->
- Copyright <div class="copyright">© 2018 — Dylan Bolger (FivePixels/5px) </a></div>
+ <a><div class="copyright">© 2018 — Dylan Bolger (FivePixels/5px)</a></div>
</div>
|