OutputKit Build
For getting the latest tags, copying them and html templates to your project
Description
Last iOS12 changes are here: https://routinehub.co/download/7751
OutputKit Build will check for the latest version of OutputKit and offer to update the tags whenever new releases are available.
- OutputKit Examples Shortcut to get an idea of how it works, then to start with the
- OutputKit Template to start making your own. Once you have a better idea, you can create you're own html templates, or update to the latest set of tags using OutputKit Build.
- OutputKit Build Shortcut.
Setting Tags
Feedback
Log in or sign up to leave feedback.
@AShortcuts
Member
2 Questions
1. What is OutputKit do?
2. Can you post the link for OutputKit here?
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
Sorry for any confusion with this, I'm posting more for the people already using it so I can test a few things.
It's about making nicer looking output. OutputKit is the JSON contained within this Shortcut and any related tools. This Shortcut shows what it does https://routinehub.co/shortcut/1219 ,
https://www.reddit.com/r/shortcuts/comments/9wpi6s/outputkit_an_attempt_to_make_it_easier_to_add/
https://github.com/nturpin0/OutputKit
· 1 year, 7 months ago
· 1 year, 7 months ago
@JPMarais
Hi. I get a "Error converting text to number" when running this shortcut. I am on version 1.03 and from a quick look it seems that the error is coming from the action that loads the Outputkit data into the dictionary in the first if statement.
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
Hi Not getting any errors here, downloaded again from Routinehub, still no errors. Have you run it successfully in the past, could you share the Shortcut back? Other things you could try are deleting the OutputKit.json file in the Shortcuts folder in Files, re-downloading.
· 1 year, 7 months ago
· 1 year, 7 months ago
@JPMarais
My apologies for the late reply. Not sure if it has something to do with the localisation, I am in South Africa and the decimal separator here is a comma and not a point. So when looking at the version of the tags in the shortcut and on Github, it couldn't convert the 0.900 into a number. Got around this by removing the Number actions and adding a calculate action that multiplied the variables by 1, and this seems to then force it into a number and now it seems to be working.
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
No problem, thanks for getting back with the solution, I'll add in the changes
· 1 year, 7 months ago
· 1 year, 7 months ago
@heyitzspencer
How did you make the "Made with OutputKit" logo? It looks really nice!
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
Thanks, sort of think the border was from Homekit, you might of noticed the similarity. The Glyph font from the Shortcuts .ipa finally came in handy for the icon, and sampled the gradient from Shortcut screenshot, and SF font, of course.
People will probably just think the icon is a home screen thing, but it's supposed to be a reference to the rounded rectangles story.
https://www.folklore.org/StoryView.py?story=Round_Rects_Are_Everywhere.txt
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
As said, don’t wanna bash your work, but this really deserves a better looking logo. ;)
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
No problem was about to say I’ll take a look but you’ve already sorted. Thank you so much, will replace it everywhere soon so your eyes don’t have to hurt.
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
No problem was about to say I’ll take a look but you’ve already sorted. Thank you so much, will replace it everywhere soon so your eyes don’t have to hurt.
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
Glad you like it! And I think you‘re not taking it too serious with my comment that your logo hurts my eyes. It’s just because I’ve got some kind of a trained eye on typography. ;)
· 1 year, 7 months ago
· 1 year, 7 months ago
@entee
Author
Sorry I was replying in a hurry, and not even had a look at that point, have now, I can see the spacing/position is horrendous on mine too, thanks again. The phrasing made me smile, but I wasnt laughing at you.
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
Hey guys! Just saw PowR from u/matthewr_1978 on Reddit and noticed that “Made with OutputKit” badge for the third time. And to be honest—it hurts my eyes as a typographer! Don’t wanna bash your work entee! But I studied typography and may improve the sign. Please see my Shortcuts here on RoutineHub, you will notice a “Made by ROPcuts” underneath all of them. Some users already requested this with their name.
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
That said, I made a pixel perfect copy of the official Apple badge including the official San Francisco typeface. It’s sharp and has well balanced white space around and all typography parts are perfectly arranged. So now I decided to provide you with a “Made with OutputKit” version that you could use, if you like. Here it is: https://tinyurl.com/outputkit
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
@heyitzspencer, if you want your own icon as well, just leave me a message/comment as I already made this template. ;)
· 1 year, 7 months ago
· 1 year, 7 months ago
@heyitzspencer
What did you make it in? Could you provide the template (PSD?) instead?
· 1 year, 7 months ago
· 1 year, 7 months ago
@ROP
Member
Mod
Actually this is made with Pixelmator on iPad. I do use Photoshop, but I was already working on my iPad when I came up with the idea. An export to PSD is possible, but: There will be a Shortcut to generate your own badge w/ and w/o trademark sign soon. So if you can wait a few more days… ;)
· 1 year, 7 months ago
· 1 year, 7 months ago
@scottfwalter
Looks like the disable selection is not being generated within the style tag:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
.* { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
<style>
body {
padding-top: 40px;
background: silver !important
}
</style>
· 1 year, 3 months ago
· 1 year, 3 months ago
@entee
Author
Thanks for raising, sorted last week but sorry forgot to update you.
· 1 year, 3 months ago
· 1 year, 3 months ago