mirror of
https://github.com/jlengrand/soundcloud-web-component-application.git
synced 2026-03-10 08:41:23 +00:00
56 lines
1.4 KiB
HTML
56 lines
1.4 KiB
HTML
<link rel="import" href="/polymer/polymer.html">
|
|
|
|
<dom-module id="sc-title">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: block;
|
|
width: 100%;
|
|
padding-top: 30px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
#sc-title{
|
|
width: 60%;
|
|
box-sizing: border-box;
|
|
margin: auto;
|
|
}
|
|
|
|
h1{
|
|
border: 3px solid #333;
|
|
font-size: 300%;
|
|
font-weight: 100;
|
|
display: block;
|
|
text-align: center;
|
|
font-family: Roboto,Helvetica,Arial,sans-serif;
|
|
padding: 1em;
|
|
text-transform: uppercase;
|
|
color: #333;
|
|
}
|
|
|
|
h2{
|
|
letter-spacing: 0.05em;
|
|
opacity: 0.8;
|
|
display: block;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-family: Roboto,Helvetica,Arial,sans-serif;
|
|
color: #333;
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="sc-title">
|
|
<h1>Get Rocking!</h1>
|
|
<h2>A simple embedded soundcloud playlist, done in Polymer</h2>
|
|
</div>
|
|
|
|
</template>
|
|
<script>
|
|
Polymer({
|
|
is: 'sc-title'
|
|
});
|
|
</script>
|
|
</dom-module>
|