Skip to content

Commit

Permalink
updated homepage issue #103
Browse files Browse the repository at this point in the history
  • Loading branch information
@leogdion
leogdion committed Sep 26, 2019
1 parent b11b22c commit 3c179a7
Show file tree
Hide file tree
Showing 4 changed files with 256 additions and 6 deletions.
23 changes: 20 additions & 3 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@
* [<a href="https://camo.githubusercontent.com/b12eea760a21557d856ae2c3a0dcfc65070fe560/68747470733a2f2f72617763646e2e6769746861636b2e636f6d2f62726967687464696769742f53706563756c69642f6d61737465722f696d616765732f7376672d6578706f72742f696c6c7573747261746f722f6c6f676f2e737667" target="_blank" rel="nofollow"><img src="https://camo.githubusercontent.com/b12eea760a21557d856ae2c3a0dcfc65070fe560/68747470733a2f2f72617763646e2e6769746861636b2e636f6d2f62726967687464696769742f53706563756c69642f6d61737465722f696d616765732f7376672d6578706f72742f696c6c7573747261746f722f6c6f676f2e737667" height="25pt" data-canonical-src="https://rawcdn.githack.com/brightdigit/Speculid/master/images/svg-export/illustrator/logo.svg" style="max-width:100\x;"></a> Illustrator](#-illustrator)
* [Xcode Integration and Automation](#xcode-integration-and-automation)

<!-- Added by: leo, at: Tue Jun 25 13:52:18 EDT 2019 -->
<!-- Added by: leo, at: Thu Sep 26 10:46:47 EDT 2019 -->

<!--te-->

Expand Down Expand Up @@ -93,6 +93,8 @@ An asset catalog image set will need a 1x, 2x, 3x of each graphic and **App Icon

## What Speculid Does

![Speculid In Use](https://rawcdn.githack.com/brightdigit/Speculid/master/images/Speculid-In-Use.gif)

**Speculid** links a single graphic file to an Image Set or App Icon and automatically renders different resolutions, file types, and sizes for all the image specifications required.

![diagram](https://rawcdn.githack.com/brightdigit/Speculid/master/images/Diagram.png)
Expand Down Expand Up @@ -150,6 +152,19 @@ There are 3 ways to download Speculid: Email Signup, Homebrew, and Github Releas

Email signup allows for you to get delivered updates to your email box of new features and updates...

<section class="signup-form-container">
<div><strong>Sign up below</strong> to get the latest version.</div>
<form action="//brightdigit.us12.list-manage.com/subscribe/post-json?u=cb3bba007ed171091f55c47f0&amp;id=19a8f55024" class="signup-form" method="post">
<div class="row">
<input type="email" placeholder="Your Email Address" value="" name="EMAIL" id="mce-EMAIL" required>
<input type="submit" value="Sign Up">
</div>
</form>
<div class="message">
&nbsp;
</div>
</section>

<div class="readme-only" markdown="1">
To download <strong>Speculid</strong>, enter your email address <a href="https://speculid.com#download">here</a> to request access to the latest version.
</div>
Expand Down Expand Up @@ -209,6 +224,8 @@ end

# Usage

<iframe width="560" height="315" src="https://www.youtube.com/embed/Mn4pknYqzH0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" style="display: block; margin: auto;" allowfullscreen></iframe>

Speculid only supports being called through a command line terminal for now. Once you have copied the command to your */usr/local/bin* folder you should be able to access it easily.

```bash
Expand Down Expand Up @@ -403,7 +420,7 @@ With **Speculid**, the process of building image assets can be automated in **Xc

![Xcode Unorganized Assets](https://rawcdn.githack.com/brightdigit/Speculid/master/images/XcodeUnorganizedAssets.png)

4. **After the first build**, drag the images to the correct asset slot. Each rendered image file is suffixed denoting its slot.
If the asset catalog does not already have file names for each image in the asset, Speculid will automatically update the asset catalog and name the files using the following pattern:

*(source file base name)*.*(size)*@*(scale)*~*(idiom)*.(extension)

Expand All @@ -413,7 +430,7 @@ With **Speculid**, the process of building image assets can be automated in **Xc
* **logo.60x60@3x~iphone.png** - 60x60 size 3x scale for iPhone
* **logo.83.5x83.5@2x~ipad.png** - 83.5x83.5 size 2x scale for iPad

5. **Build, Run, and Done!**
5. **Enjoy!**

-----

Expand Down
231 changes: 231 additions & 0 deletions examples/Assets/Assets.xcassets/AppIcon.appiconset/Contents copy.json
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,231 @@
{
"images" : [
{
"idiom" : "iphone",
"size" : "20x20",
"scale" : "2x"
},
{
"idiom" : "iphone",
"size" : "20x20",
"scale" : "3x"
},
{
"idiom" : "iphone",
"size" : "29x29",
"scale" : "2x"
},
{
"idiom" : "iphone",
"size" : "29x29",
"scale" : "3x"
},
{
"idiom" : "iphone",
"size" : "40x40",
"scale" : "2x"
},
{
"idiom" : "iphone",
"size" : "40x40",
"scale" : "3x"
},
{
"idiom" : "iphone",
"size" : "60x60",
"scale" : "2x"
},
{
"idiom" : "iphone",
"size" : "60x60",
"scale" : "3x"
},
{
"idiom" : "ipad",
"size" : "20x20",
"scale" : "1x"
},
{
"idiom" : "ipad",
"size" : "20x20",
"scale" : "2x"
},
{
"idiom" : "ipad",
"size" : "29x29",
"scale" : "1x"
},
{
"idiom" : "ipad",
"size" : "29x29",
"scale" : "2x"
},
{
"idiom" : "ipad",
"size" : "40x40",
"scale" : "1x"
},
{
"idiom" : "ipad",
"size" : "40x40",
"scale" : "2x"
},
{
"idiom" : "ipad",
"size" : "76x76",
"scale" : "1x"
},
{
"idiom" : "ipad",
"size" : "76x76",
"scale" : "2x"
},
{
"size" : "83.5x83.5",
"idiom" : "ipad",
"scale" : "2x"
},
{
"size" : "1024x1024",
"idiom" : "ios-marketing",
"scale" : "1x"
},
{
"size" : "60x60",
"idiom" : "car",
"scale" : "2x"
},
{
"size" : "60x60",
"idiom" : "car",
"scale" : "3x"
},
{
"size" : "24x24",
"idiom" : "watch",
"scale" : "2x",
"role" : "notificationCenter",
"subtype" : "38mm"
},
{
"size" : "27.5x27.5",
"idiom" : "watch",
"scale" : "2x",
"role" : "notificationCenter",
"subtype" : "42mm"
},
{
"size" : "29x29",
"idiom" : "watch",
"role" : "companionSettings",
"scale" : "2x"
},
{
"size" : "29x29",
"idiom" : "watch",
"role" : "companionSettings",
"scale" : "3x"
},
{
"size" : "40x40",
"idiom" : "watch",
"scale" : "2x",
"role" : "appLauncher",
"subtype" : "38mm"
},
{
"size" : "44x44",
"idiom" : "watch",
"scale" : "2x",
"role" : "appLauncher",
"subtype" : "40mm"
},
{
"size" : "50x50",
"idiom" : "watch",
"scale" : "2x",
"role" : "appLauncher",
"subtype" : "44mm"
},
{
"size" : "86x86",
"idiom" : "watch",
"scale" : "2x",
"role" : "quickLook",
"subtype" : "38mm"
},
{
"size" : "98x98",
"idiom" : "watch",
"scale" : "2x",
"role" : "quickLook",
"subtype" : "42mm"
},
{
"size" : "108x108",
"idiom" : "watch",
"scale" : "2x",
"role" : "quickLook",
"subtype" : "44mm"
},
{
"size" : "1024x1024",
"idiom" : "watch-marketing",
"scale" : "1x"
},
{
"size" : "16x16",
"idiom" : "mac",
"scale" : "1x"
},
{
"size" : "16x16",
"idiom" : "mac",
"scale" : "2x"
},
{
"size" : "32x32",
"idiom" : "mac",
"scale" : "1x"
},
{
"size" : "32x32",
"idiom" : "mac",
"scale" : "2x"
},
{
"size" : "128x128",
"idiom" : "mac",
"scale" : "1x"
},
{
"size" : "128x128",
"idiom" : "mac",
"scale" : "2x"
},
{
"size" : "256x256",
"idiom" : "mac",
"scale" : "1x"
},
{
"size" : "256x256",
"idiom" : "mac",
"scale" : "2x"
},
{
"size" : "512x512",
"idiom" : "mac",
"scale" : "1x"
},
{
"size" : "512x512",
"idiom" : "mac",
"scale" : "2x"
}
],
"info" : {
"version" : 1,
"author" : "xcode"
}
}
Binary file added images/Speculid-In-Use.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 5 additions & 3 deletions index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ An asset catalog image set will need a 1x, 2x, 3x of each graphic and **App Icon

## What Speculid Does

<iframe width="560" height="315" src="https://www.youtube.com/embed/Mn4pknYqzH0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
![Speculid In Use](/images/Speculid-In-Use.gif)

**Speculid** links a single graphic file to an Image Set or App Icon and automatically renders different resolutions, file types, and sizes for all the image specifications required.

Expand Down Expand Up @@ -197,6 +197,8 @@ end

# Usage

<iframe width="560" height="315" src="https://www.youtube.com/embed/Mn4pknYqzH0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" style="display: block; margin: auto;" allowfullscreen></iframe>

Speculid only supports being called through a command line terminal for now. Once you have copied the command to your */usr/local/bin* folder you should be able to access it easily.

```bash
Expand Down Expand Up @@ -391,7 +393,7 @@ With **Speculid**, the process of building image assets can be automated in **Xc

![Xcode Unorganized Assets](/images/XcodeUnorganizedAssets.png)

4. **After the first build**, drag the images to the correct asset slot. Each rendered image file is suffixed denoting its slot.
If the asset catalog does not already have file names for each image in the asset, Speculid will automatically update the asset catalog and name the files using the following pattern:

*(source file base name)*.*(size)*@*(scale)*~*(idiom)*.(extension)

Expand All @@ -401,7 +403,7 @@ With **Speculid**, the process of building image assets can be automated in **Xc
* **logo.60x60@3x~iphone.png** - 60x60 size 3x scale for iPhone
* **logo.83.5x83.5@2x~ipad.png** - 83.5x83.5 size 2x scale for iPad

5. **Build, Run, and Done!**
5. **Enjoy!**

-----

Expand Down

0 comments on commit 3c179a7

Please sign in to comment.