Created
May 2, 2013 17:28
-
-
Save lisawilliams/5503844 to your computer and use it in GitHub Desktop.
HTML of the inaugural front page of FvckTheMedia.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!-- MSO IS KING --> | |
| <html> | |
| <head profile="http://www.w3.org/2005/10/profile"> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| <link rel="stylesheet" type="text/css" href="media.css" /> | |
| <title>The Media</title> | |
| <link rel="icon" | |
| type="image/png" | |
| href="mediaicon.png"> | |
| </head> | |
| <body> | |
| <table id="socialtable" width="1000px" align="center" cellpadding="0" cellspacing="0"> | |
| <tr> | |
| <td id="socialtd" width="70%"> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="http://www.facebook.com/fvckthemedia" target="_blank"><img src="facebookicon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="http://www.twitter.com/fvckthemedia" target="_blank"><img src="twittericon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="http://www.instagram.com/fvckthemedia" target="_blank"><img src="instagramicon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="http://www.vimeo.com/fvckthemedia" target="_blank"><img src="vimeoicon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="http://www.8tracks.com/fvckthemedia" target="_blank"><img src="8tracksicon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| <td id="socialtd" width="5%"> | |
| <a href="mailto:fvckthemedia@gmail.com"><img src="emailicon.png" height="40px" width="40px" align="right"></a> | |
| </td> | |
| </tr> | |
| </table></br> | |
| <table id="bodytable" position="fixed" width="1000px" align="center"> | |
| <tr> | |
| <td> | |
| <table id ="headertable" width="1000px" align="center"> | |
| <tr id="headertr"> | |
| <td id="headertd" width="20%" valign="middle"></br> | |
| <div id="colwords"><font face="Cooper Black">TONIGHT</font></div> | |
| <a href="https://www.facebook.com/events/456782057739714/?fref=ts" target="_blank">Funeral March for Capitalism</a> @</br>Park Street T Station</br></br> | |
| <a href="http://www.fvckthemedia.com/issue01/calendar"><u>See full calendar...</u></a> | |
| </td> | |
| <td id="headertd" width="60%"></br> | |
| <div id="title"><a href="http://www.fvckthemedia.com/issue01/frontpage"><font face="Cooper Black">The Media</font></a></div> | |
| </td> | |
| <td id="headertd" width="20%" valign="middle"></br> | |
| <div id="colwords"><a href="http://www.fvckthemedia.com"><font face="Cooper Black">ARCHIVE</font></a></div> | |
| A new issue every</br>Friday morning | |
| </td> | |
| </tr> | |
| </table> | |
| </br> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <table id="datetable" width="1000px" align="center"> | |
| <tr id="headertr"> | |
| <td width="12px"> | |
| </td> | |
| <td id="footertd" width="20%" align="left"> | |
| <font face="Helvetica Neue" size="3">MAY 1ST, 2013</font> | |
| </td> | |
| <td id="footertd" width="58%" text-align="center"> | |
| <font face="Helvetica Neue" size="3">THE COMMONWEALTH OF MASSACHUSETTS - BOSTON</font> | |
| </td> | |
| <td id="footertd" width="20%" align="right"> | |
| <font face="Helvetica Neue" size="3">ISSUE 01</h3> | |
| </td> | |
| <td width="12px"> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td> | |
| <table id="contenttable" width="1000px" height="100%" align="left"> | |
| <tr width="100%"> | |
| <!-- MAIN HEADLINE --> | |
| <td height="40px" colspan="4" rowspan="1" width="80%" align="center"> | |
| <div id="maintitle"><a href="http://www.fvckthemedia.com/issue01/fvck-the-media"><font face="Cooper Black">FVCK THE MEDIA</font></a></div> | |
| </td> | |
| <!-- WEEKLIES SIDEBAR --> | |
| <td id="weekliestd" colspan="1" rowspan="5" width="20%"></br> | |
| <img src="line.jpg" align="center"></br> | |
| <em><font face="Helvetica Neue" size="3">WEEKLIES</font></em></br> | |
| <img src="line.jpg" align="center"></br></br> | |
| <div id="coltitle"><a href="http://8tracks.com/fvckthemedia/the-media-manifesto/ | |
| " target="_blank"><font face="Cooper Black">MIXTAPE</font></a></div> | |
| <div id="colwords"><em><font face="Cooper Black">The Media Manifesto</font></em></div> | |
| "Sometimes I sing like my life is at stake because you're only as loud as the noises you make."</br></br> | |
| <iframe src="http://8tracks.com/mixes/1640263/player_v3_universal" width="99%" height="250" style="border: 0px none;"></iframe> | |
| <p class="_8t_embed_p" style="font-size: 11px; line-height: 12px;"> | |
| <img src="linelong.jpg" align="center" width="99%"></br></br> | |
| <div id="coltitle"><a href="http://www.fvckthemedia.com/issue01/comic"><font face="Cooper Black">COMIC</font></a></div> | |
| <div id="colwords"><em><font face="Cooper Black">by Chelsea Dirck</font></em></div> | |
| Well, is it?</br></br> | |
| <a href="http://www.fvckthemedia.com/issue01/comic"><img src="comiccrop.png" align="center" width="100%"></a></br></br> | |
| <img src="linelong.jpg" align="center" width="99%"></br></br> | |
| <div id="coltitle"><a href="http://www.fvckthemedia.com/issue01/horoscopes"><font face="Cooper Black">HOROSCOPES</font></a></div> | |
| <div id="colwords"><em><font face="Cooper Black">by Pandora Christ</font></em></div> | |
| Happy May, you sex machines.</br></br> | |
| <img src="linelong.jpg" align="center" width="99%"></br></br> | |
| <div id="coltitle"><a href="https://vimeo.com/64925406" target="_blank"><font face="Cooper Black">VIDEO</font></a></div> | |
| <div id="colwords"><em><font face="Cooper Black">An interview with Ronnie Nordac</font></em></div> | |
| Dreams Come True in</br>Boston, Massachusetts.</br></br> | |
| <a href="https://vimeo.com/64925406" target="_blank"><img src="ronnienordac.png" onmouseover="this.src='ronnienordacinvert.png'" | |
| onmouseout="this.src='ronnienordac.png'" align="center" width="100%"></a></br></br> | |
| </td> | |
| </tr> | |
| <!-- MAIN LAYOUT SECTION, 4 columns --> | |
| <tr width="80%"> | |
| <td colspan="3" rowspan="1" width="60%"> | |
| <em><div id="colwords"><font face="Cooper Black">Defining and saving the spirit of alt-weeklies | |
| / by <u>Liz Pelly</u></font></div></em> | |
| </td> | |
| <td id="contenttdmid" rowspan="4" colspan="1" width="20%" height="100%"> | |
| <div id="coltitle"><a href="http://www.fvckthemedia.com/issue01/weed-in-the"><font face="Cooper Black">WEED IN THE MEDIA</font></a></div> | |
| <em><div id="colwords"><font face="Cooper Black">Seeking enlightenment in Denver</br>by <u>Ariel Shearer</u></font></div></em> | |
| <p>I thought medical marijuana could save the <em>Phoenix</em>. <em>The Sacramento News & Review</em>, an alt weekly in California, expanded circulation and hired new staffers when they started running weed advertisements. <em>The Colorado Springs Independent</em>, another weekly paper, began publishing a marijuana ad supplement <a href="http://www.fvckthemedia.com/issue01/weed-in-the">. . .</a></p> | |
| <img src="linelong.jpg" width="95%" align="center"></br></br> | |
| <div id="coltitle"><a href="http://www.fvckthemedia.com/issue01/start-the-presses"><font face="Cooper Black">START THE PRESSES</font></a></div> | |
| <em><div id="colwords"><font face="Cooper Black">Boston's underground press reflect on Boston's underground press</font></div></em> | |
| <p>The loss of an alternative institution like <em>the Phoenix</em> is the worst. If there’s one positive thing that could happen now, at least the absence of <em>the Phoenix</em> creates an urgency about starting new underground newspapers and zines. In the weeks after <a href="http://www.fvckthemedia.com/issue01/start-the-presses">. . .</a></p> | |
| <img src="linelong.jpg" align="center" width="99%"></br></br> | |
| <div id="coltitle"><a href="http://www.fvckthemedia.com/issue01/immigrant-songs"><font face="Cooper Black">IMMIGRANT SONGS</font></a></div> | |
| <em><div id="colwords"><font face="Cooper Black">Words from</em> the Phoenix's <em>former editor-in-chief</br>by <u>Carly Carioli</u></font></div></em> | |
| <p>When the bombs went off on Boylston Street, I had no newspaper of my own. Don't get me wrong: I love my new job. I'm surrounded by smart people who are dedicated to making journalism smarter. But on that Monday I'd been in my new digs for all of <a href="http://www.fvckthemedia.com/issue01/immigrant-songs">. . .</a></p> | |
| </td> | |
| </tr> | |
| <tr height="100%" width="60%"> | |
| <td id="contenttdfirst" width="60%"> | |
| <table width="100%"> | |
| <tr> | |
| <td id="contenttd" width="33%"> | |
| Six weeks ago, I lost my job at <em>the Phoenix</em>. I was sitting in my friend Jordan's kitchen in East Austin, taking refuge from the soulless corporate chaos that so largely consumes South by Southwest. I was working on a review of The Punk Singer, a new documentary about Kathleen Hanna, for <em>the Phoenix</em>'s music blog, when I received a text message about some conference call. I thought about skipping it because I wanted to perfect my piece and get to this Merchandise / Waxahatchee show. "It seems important," Michael Marotta, <em>the Phoenix's</em> music editor, | |
| <td id="contenttd" width="33%"> | |
| texted me. Ok, sure.<br><br>Exhausted on three hours sleep, I dialed in late. But I got on the line just in time to hear <em>Phoenix</em> publisher Stephen Mindich: "This is the hardest decision I've ever had to make," he said. "As of today <em>the Boston Phoenix</em> will cease publication. The issue on newsstands will be the last issue."<br><br>O.O<br><br>First I was in shock, then denial. I had lost the coolest job in the world-- one that let me | |
| <td id="contenttd" width="33%"> | |
| report on underground music and radical activism, that taught me to write clearly and thoughtfully.I found my voice at <em>the Phoenix</em> in a way I never could at journalism school. Once I'd returned to Boston, my days dragged as the shock and denial just turned to sadness. I teared up at more than one downtown bar that week. <em>Phoenix</em> editor-in-chief Carly Carioli, speaking with Gawker, offered an apt analogy: "I feel like someone just killed my best friend." <br><br>I didn’t get the closure of being in the newsroom when <a href="http://www.fvckthemedia.com/issue01/fvck-the-media">. . .</a> | |
| </td> | |
| </tr> | |
| <tr> | |
| <td id="contenttd"="99% colspan="4""> | |
| <img src="linelongx.jpg" align="center" width="99%"></br> | |
| <img src="laurastevenson.jpg" align="center" width="99%"</br> | |
| <div id="bottomtitle"><a href="http://www.fvckthemedia.com/issue01/punk-rock-girl"><font face="Cooper Black">PUNK ROCK GIRL</font></a></div> | |
| <em><div id="bottomwords"><font face="Cooper Black">Laura Stevenson in conversation with <u>Larry Livermore</u></font></div></em> | |
| <p>When I first heard Laura Stevenson, I knew absolutely nothing about her, except that friends had told me she was becoming kind of a big deal on the alternative indie/folk scene. The minute she opened her mouth to sing, I could see why; her crystal-clear vocals, tinged with achy-breaky country sadness and wise-beyond-her-years insight and understanding, made you want to listen, and listen closely, to whatever she had to say. | |
| </p> | |
| <p> | |
| Having no idea who she was, where she had come from, or what her lyrics were about (my first encounter with her was at a live show in Hoboken), I constructed my own narrative, most of which turned out to be completely wrong. She must be from the South, I assumed, or at least had spent a good deal of time there, and must have grown up deeply steeped in the tradition of singers like Dolly Parton, Tammy Wynette, and (especially) Kitty Wells, all of whom I could have sworn I heard echoing in Laura’s voice. | |
| </p> | |
| <p> | |
| So much for my keen ear: when I got to meet and talk with Laura, I learned that she’d lived her <a href="http://www.fvckthemedia.com/issue01/punk-rock-girl">. . .</a> | |
| </p> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| <table id="footertable" width="1000px" align="center"> | |
| <tr height="10px"> | |
| </tr> | |
| <tr id="headertr"> | |
| <td width="12px"> | |
| <br> | |
| </td> | |
| <td id="footertd" width="98%" align="center"> | |
| <font face="Helvetica Neue" size="3"><em><a href="http://www.fvckthemedia.com/about">ABOUT</a> <a href="http://www.fvckthemedia.com/contributors">CONTRIBUTORS</a> <a href="http://www.fvckthemedia.com/donate">DONATE</a></em> | |
| </td> | |
| <td width="12px" | |
| </td> | |
| </tr> | |
| <tr height="10px"> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment