Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>About @Media</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width">
- <style>
- body {
- width:100%;
- margin:0;
- background-color:black;
- }
- .header {
- color:white;
- text-align:center;
- font-size:12vw;
- }
- .chris {
- color:white;
- text-align:center;
- font-size:8vw;
- margin:15vw 0;
- }
- .about {
- color:white;
- text-align:center;
- font-size:3vw;
- font-family:segoe script;
- text-align:justify;
- text-justify:inter-word;
- padding:0 90px;
- margin:15vw 0 10vw 0;
- }
- iframe {
- width:80%;
- height:44.4vw;
- margin:auto;
- display:block;
- margin-bottom:5vw;
- }
- #tr {
- color:white;
- font-size:12px;
- cursor:pointer;
- }
- @media all and (max-width: 425px){
- body {
- background-color:white;
- }
- .header {
- color:maroon;font-family:ink free;
- }
- .chris {
- color:maroon;
- }
- .about {
- color:maroon;
- font-size:16px;
- font-family:courier;
- padding:0 40px;
- }
- #tr {
- color:maroon;
- }
- }
- @media all and (min-width: 426px) and (max-width: 538px){
- body {
- background-color:white;
- }
- .header {
- color:olive;font-family:arial;
- }
- .chris {
- color:olive;
- }
- .about {
- color:olive;
- font-size:16px;
- font-family:courier;
- padding:0 40px;
- }
- #tr {
- color:olive;
- }
- iframe {
- width:90%;
- height:49.95vw;
- }
- }
- </style>
- </head>
- <body>
- <h1 class='header'>CHRISTINA KERSCHNER</h1>
- <h2 class='chris'>@About<span id='tr'>ranslation</span></h2>
- <h2 id='about' class='about'>Christina Kerschner ist eine junge Singer/Songwriterin aus Niederösterreich. Charakteristisch für ihre Musik sind ruhige und verträumte Melodien am Klavier geschmückt mit Texten in deutscher als auch englischer Sprache.</h2>
- <iframe id='box' src="https://www.youtube.com/embed/CgiXFxv6wik" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
- <script>
- i=0;
- /*
- Responsive iframe / 1% ( width) = .555vw ( height )
- Not responsive / 1px ( width) = .562px ( height )
- */
- tr.onclick=function(){
- if(i==0){i=1;
- about.innerHTML='Christina Kerschner is a young singer / songwriter from Lower Austria. Characteristic of her music are quiet and dreamy melodies on the piano decorated with texts in German and English.';
- }else if(i==1){i=0;
- about.innerHTML='Christina Kerschner ist eine junge Singer/Songwriterin aus Niederösterreich. Charakteristisch für ihre Musik sind ruhige und verträumte Melodien am Klavier geschmückt mit Texten in deutscher als auch englischer Sprache.';
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement