voxmedia / autotune-wtfengine Goto Github PK

The SB Nation theme for the randomizer is using Alright Sans, which is incorrect. It should be using helvetica.

Link: http://theverge.sb12.sbndev.net/2015/5/21/8003384/randomizer-test

The generate another button should be loading in verge's din condensed

The headline generator has social share buttons, but for the majority of browsers the icons are not displaying properly. Affected browsers:
IE 9-11: share icons are missing
FF/Chrome on Mac: empty boxes instead of icons are displayed
FFWin - characters inside of boxes displayed
ChromeWin - empty boxes instead of icons are displayed
Note: Safari on Mac displays icons properly

1. Open public url for a headline generator in one of the following browsers
   Example - https://apps.voxmedia.com/at/name-my-pet/

Chrome Mac Headline

FF Mac Headline

Steps to reproduce:

1. Create a new randomizer
2. Input multiple headline templates, separating each one onto its own line.

Expected result:
You'd be able to hit enter, per the instructions, to separate each template per line.

Actual result:
Hitting enter in the field doesn't allow you to line-separate.

Link: http://sbnation.sb12.sbndev.net/2015/5/21/8003383/sbn-randomizer-test

• Sentinel not loading (falling back to georgia)
• Gotham not loading — "this is a headline" small text and social buttons should be using gotham regular, "generate another" button should use gotham bold.

As a user who is creating a WTFEngine (are we really calling it that?) phrase generator, I would like to be able to type capital letters in the put fields so that I can refer to proper nouns and be gramatically correct.

example:

A reader may use the Facebook share button in the headline generator

1. Open a published headline generator
   https://apps.voxmedia.com/at/name-my-pet/
2. Click the Facebook share button
   https://www.facebook.com/dialog/feed?display=popup&app_id=&link=https%3A%2F%2Fapps.voxmedia.com%2Fat%2Fname-my-pet%2F&name=what%20should%20I%20name%20my%20pet%3F%20(do%20not%20delete)&description=You%20should%20name%20your%20pet%20mr%20snuggles

Expected: Facebook pop-up window with social shared link
Actual: Error message

All type in the Eater randomizer should be using Whitney. Currently, it's not.

Link: http://eater.sb12.sbndev.net/2015/5/21/8003385/randomizer-for-eater

Currently:

Headers Should be Whitney
Headline should be Whitney, but larger

Button type should be Glober Regular

Original spec:

this may be a framework wide issue, saw this with flowcharts as well. verge buttons should be helvetica.

related issue: https://github.com/voxmedia/autotune-flowchart/issues/43

like our other tools

• Racked - Franklin ITC Cond
• SBNation - Sentinel
• ...more coming

Thomas Ricker requested this. even if you have a small set of data for the randomizer, 2 of the same answers should not show up consecutively.

It's inheriting SB Nation colors?

e.g. this tweet language on this project: https://apps.voxmedia.com/at/sharebuttonsranomizer/

ezra klein has cool socks https://apps.voxmedia.com/at-preview/sharebuttonsranomizer/ via @

The via @ is blank because there's nowhere in the project to define it. Either add a field for defining a twitter handle or remove the via @.

Also still need to answer whether we actually want people to be tweeting the URL for the embed, and I vote no.

im going to cry!

i don't even want to think about what it looks like in IE.

This can probably wait to be looked at until we upgrade to use the new framework, but want this to be logged as a Thing™

In the variables list, I see an option for setting button font color:

However, it's not being reflected in randomizer:

I'm also noticing it set incorrectly on a few themes, so once this is hooked up I will likely need to re-do vqa.

Users are still trying to include the @ symbol in the word group names. Should just ignore it or remove it.

e.g.

You should name your pet prince snuggles https://apps.voxmedia.com/at-preview/name-my-pet/?initialWidth=490&childId=name-my-pet__graphic via @

Seeing in dropdown, but not on autotune.voxmedia.com/themes

Social share buttons appear below the randomizer tool when published. Both the Facebook and Twitter icons currently do not display -- Chrome, FF, IE.

Note: Safari appears to be the only browser the icons display in

1. Navigate to Autotune
2. Create new project
3. Select the Randomizer blueprint
4. Fill in required fields and save (https://autotune.voxmedia.com/projects/headline-randomizer-fun)
5. Locate share buttons in preview
6. Observe share icons do not display

this ticket is for reworking this blueprint to use foundation 🎉 it's gonna be great 💯

so it's contrast friendly. related issue: https://github.com/voxmedia/voxmedia-middleman-shared/issues/43

vs

currently looks like:

To the Generate Another and share buttons, add letter-spacing: 1px

Type sizes in buttons is too small:
Generate another should have font-size:18px
Share buttons should have font-size:16px

After clicking the tweet button it turns blue? seeing in chrome

• "This is a cool headline" Should be in franklin ITC. Font not loading currently.
• Button and social buttons should be using franklin condensed light. Font not loading currently.

Link: http://racked.sb6.sbndev.net/2015/5/21/8003433/racked-randomizer

Also, I don't see Vox Media in autotune.voxmedia.com/themes, is that intentional?

Link: http://polygon.sb12.sbndev.net/2015/5/21/8003382/headline-randomizer-test

The text for buttons, the line of text, and the title "This is a headline" should all be in gotham, but it's not falling back to helvetica currently.