Untitled

<!doctype html>
<html>

<head>

  <title>unquote</title>

  <meta name="viewport"
  content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">

  <script src="../components/webcomponentsjs/webcomponents.js">
  </script>

  <link rel="import" href="../components/font-roboto/roboto.html">

  <link rel="import"
    href="../components/core-header-panel/core-header-panel.html">
  <link rel="import"
    href="../components/core-toolbar/core-toolbar.html">
  <link rel="import"
    href="../components/paper-tabs/paper-tabs.html">
  <link rel="import"
    href="post-card.html">
  <link rel="import"
    href="post-work.html">

  <style>
  html,body {
    height: 100%;
    margin: 0;
    background-color: #E5E5E5;
    color: #5B4449;
    font-family: 'RobotoDraft', sans-serif;
  }

  core-header-panel {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
  }

  core-toolbar {
    background: #FF4080;
    color: white;

  }

 #tabs {
   width: 100%;
   margin: 20px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select:none;
   user-select:none;
   text-transform: uppercase;
  }


  .container {
    width: 100%;
    margin: 50px auto;
  }
  @media (min-width: 481px) {
    #tabs {
      width: 650px;
    }
    .container {
      width: 600px;
    }
  }
  </style>

</head>

<body unresolved>

<core-header-panel>

<core-toolbar>

    <paper-tabs id="tabs" selected="all" self-stretched>
        <paper-tab name="thingie1">Thingie1</paper-tab>
        <paper-tab name= "thingie2">Thingie2 </paper-tab>
        <paper-tab name = "thingie3"> Thingie3</paper-tab>
        <paper-tab name= "thingie4"> Links!</paper-tab>
   </paper-tabs>
</core-toolbar>

<div class="container" layout vertical left>

<div>
    <post-card>
        <img width="150" height="150"
         src="x.png">
       <h2>  lalalala </h2>
       <p>
      <!-- PÁRRAFO EQUIS-->
      </p>


</post-card>

</div>


</core-header-panel>

<script>
    var tabs = document.querySelector('paper-tabs');


    tabs.addEventListener('core-select',function() {
    work.show = tabs.selected;
         console.log("Selected: " + tabs.selected);

    });
</script>
</body>

</html>