Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
HTML of the inaugural front page of FvckTheMedia.com
<!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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.fvckthemedia.com/contributors">CONTRIBUTORS</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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