Welcome to Verge Hack Week

← back to home

List maker

Instructions
1. Choose a template
2. Make a spreadsheet.
  - Example list spreadsheet
3. Make it public
  (File->Publish to Web)
4. Copy the document link
5. Paste the document link into url field on right
6. Click create
7. Start a new feature in Chorus
8. Click html view
9. Copy and paste html from right into Chorus
Tips

You can edit in Chorus or you can redo this everytime you want to make a change. Best to choose one.

If you toggle back and forth between html and visual view you're going to have a bad time.

Type of template

Google spreadsheet url

What you'll copy/paste into Chorus

Show me an example

OK HERE YOU GO CLICK THIS

Also add this to Chours's SASS editor/h3> #feature-body { .feature-body .vox-feature-list li h4:before { counter-increment: mylist 0!important; } .feature-body .vox-feature-list .vox-feature-story { width: 35%; } .feature-body hr:before { display:none; } .feature-body .vox-feature-list h4 { font-size: 30px; line-height: 30px; font-family: ff-din-web-condensed,helvetica,sans-serif; font-weight: 700; margin:0px; padding:0px; } .feature-body .vox-feature-list h3 { font-family: ff-din-web-condensed,helvetica,sans-serif; font-size: 47px; font-weight: 700; text-align: center; margin: 0 0 1em 0; text-transform: uppercase; } .feature-body .vox-feature-list li { background: #fff; margin-bottom: 1.5em; padding: 10px; position: relative; /* border: 1px solid #eee; / box-shadow: 0px 0px 3px #eee; } .feature-body hr:before { display:none; } .feature-body a { color:#fb4834; } .feature-body .vox-feature-list h4 { font-size: 30px; line-height: 30px; font-family: ff-din-web-condensed,helvetica,sans-serif; font-weight: 700; margin:0px; padding:0px; } .feature-body .vox-feature-list h3 { font-family: ff-din-web-condensed,helvetica,sans-serif; font-size: 47px; font-weight: 700; text-align: center; margin: 0 0 1em 0; text-transform: uppercase; } .feature-body .vox-feature-list li { background: #fff; margin-bottom: 1.5em; padding: 10px; position: relative; / border: 1px solid #eee; */ box-shadow: 0px 0px 3px #eee; } .feature-body .vox-feature-list li h4:before { background: #e22805; content: counter(mylist,decimal); counter-increment: mylist 1; font-family: ff-din-web-condensed,helvetica,sans-serif; font-size: 32px; font-weight: 700; left: 20px; padding: 10px 20px 3px; position: absolute; text-align: center; top: 0; width: 40px; -webkit-transition: all ease-in-out; -webkit-transition-delay: 0.3s; -moz-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; color: #fff; } .link-fest.clearfix, .credits { display: none; } } .widget-related.widget-newsletter h2 { margin-top: 20px; font-size: 1.4em!important; } h1#stream_title { text-align: left; }