posted Dec 1, 2018 22:03:48 GMT -6 in [JCINK] galaxy
[googlefont=Roboto:400,600,700|Raleway:200|Roboto+Condensed:400,700]
[attr="class","selk-jc-galaxy"]
[googlefont=Muli:300,400,800|Material+Icons]
[attr="class","abc-selk-jc-contain"]
galaxy
[attr="class","abc-selk-jc-rules"] 
[attr="class","abc-selk-jc-body"]
[attr="class","abc-selk-jc-text"] i associate this song so heavily with a specific oc that whenever i hear it i really want to write her again, cdjakfkjdsjfkl. if only i was not the Worst™ flake in existence. anyways, notes on how to use this bad boy --
1. all of the css you need to edit is at the top of the template, so don't poke around in the stylesheet at the bottom unless you know what you're looking for (or are willing to break shit, go for it tbh),
1. the background image is 300px by 500px and is controlled by the --galaxyPhoneBG variable,
2. your sent messages are enclosed in [*h1][*/h1] tags and your recieved messages are in [*h2][*/h2] tags,
3. the image next to your received messages is the recipient's contact icon and is controlled by the --galaxycontactIMG variable. it's 30px by 30px but it resizes your icons automatically,
4. you'll need to replace the displayed time twice, sorry about that!
1. all of the css you need to edit is at the top of the template, so don't poke around in the stylesheet at the bottom unless you know what you're looking for (or are willing to break shit, go for it tbh),
1. the background image is 300px by 500px and is controlled by the --galaxyPhoneBG variable,
2. your sent messages are enclosed in [*h1][*/h1] tags and your recieved messages are in [*h2][*/h2] tags,
3. the image next to your received messages is the recipient's contact icon and is controlled by the --galaxycontactIMG variable. it's 30px by 30px but it resizes your icons automatically,
4. you'll need to replace the displayed time twice, sorry about that!
[attr="class","abc-selk-jc-hash"] [HASH]jcink [HASH]jcinktechnology [HASH]jcinkphone [HASH]dohtml
[attr="class","abc-selk-jc-colorpickers"]
[attr="class","abc-selk-jc-color"] #6A8AA3
[attr="class","abc-selk-jc-color"] #334D74
[attr="class","abc-selk-jc-var"] this template uses css variables for easier editing and is therefore incompatible with internet explorer. if you need this cross-compatibility, use a search and replace to change var(--galaxyAccent1) and var(--galaxyAccent2) to the desired hex codes and var(--galaxyPhoneBG) and var(--galaxycontactIMG) to the desired images.
[attr="class","selk-code"]
[newclass=.selk-jc-galaxy .abc-selk-jc-contain h1, .selk-jc-galaxy .abc-selk-jc-hash a, .selk-jc-galaxy .abc-selk-jc-rules h2]color:#6A8AA3!important;[/newclass] [newclass=.selk-jc-galaxy .abc-selk-jc-link]background-color:#6A8AA3!important;[/newclass] [newclass=.abc-selk-jc-contain, .selk-code] --abc-selk-jc-accent:#CCCCCC; [/newclass] [newclass=.abc-selk-jc-contain] width:500px; padding:25px; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color:#eee; display:flex; flex-flow:row-reverse wrap; justify-content:space-between; position:relative; overflow:hidden; [/newclass] [newclass=.abc-selk-jc-contain h1] margin:0px; width:100%; display:flex; flex-flow:row wrap; align-items:center; font:200 32px/32px Raleway; color:var(--abc-selk-jc-accent); [/newclass] [newclass=.abc-selk-jc-contain h1:before] content:''; width:10px; height:1px; background-color:#ccc; flex-grow:2; margin-right:25px; [/newclass] [newclass=.abc-selk-jc-contain h1:after] content:'-Y-Z'; color:#ccc; [/newclass] [newclass=.abc-selk-jc-body] width:350px; border-radius:5px; color:#aaa; font:400 11px roboto; text-align:justify; margin-top:25px; [/newclass] [newclass=.abc-selk-jc-text] background-color:#fafafa; padding:25px; border-radius:5px; [/newclass] [newclass=.abc-selk-jc-hash] margin:25px 0px; text-align:left; [/newclass] [newclass=.abc-selk-jc-hash a] display:inline-block; height:10px; padding:5px 7px; margin:0px 3px 5px 0px; color:var(--abc-selk-jc-accent); background-color:#ddd; border-radius:2px; text-transform:uppercase; font:600 10px/10px roboto; [/newclass] [newclass=.abc-selk-jc-colorpickers] width:350px; display:flex; flex-flow:row-reverse wrap; align-items:flex-start; [/newclass] [newclass=.abc-selk-jc-color] display:flex; flex-flow:row-reverse nowrap; width:350px; [/newclass] [newclass=.abc-selk-jc-color div] height:10px; display:inline-block; margin-left:41px; background-color:#ccc; [/newclass] [newclass=.abc-selk-jc-color span] height:10px; width:0px; display:flex; font:600 9px/10px Roboto; color:#ccc; [/newclass] [newclass=.abc-selk-jc-var] width:340px; font:400 10px/13px roboto; margin-top:25px; padding-right:10px; height:25px; overflow:auto; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar] width:5px; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-thumb] background-color:#999; border:0px; [/newclass] [newclass=.abc-selk-jc-var::-webkit-scrollbar-track] background-color:#ddd; border:0px; [/newclass] [newclass=.abc-selk-jc-rules] margin:25px 0px 0px 0px; text-align:left; width:125px; display:flex; justify-content:flex-start; align-self:stretch; align-items:flex-end; flex-flow:column nowrap; border-left:1px solid #ddd; [/newclass] [newclass=.abc-selk-jc-rules h2] margin:0px; display:block; width:50px; height:50px; background-color:var(--abc-selk-jc-accent); border-radius:5px; [/newclass] [newclass=.abc-selk-jc-rules img] width:100px; height:100px; border-radius:5px; [/newclass] [newclass=.selk-code] background-color:#eee; width:500px; padding:25px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top:-25px; position:relative; overflow:hidden; [/newclass] [newclass=.selk-code div] margin:0px!important; display:flex; flex-flow:row wrap; align-items:center; justify-content:center; [/newclass] [newclass=.selk-code div span] display:inline-block; font:700 9px roboto; color:#333; text-transform:uppercase; background-color:#ddd; margin:0px 5px 25px 0px; padding:5px 8px; border-radius:3px; [/newclass] [newclass=.selk-code code] display:block; width:400px!important; height:100px!important;overflow:auto!important; padding:25px!important; text-align:justify; border-radius:5px; font:11px roboto; color:#aaa; background-color:#f7f7f7; border:0px!important; [/newclass] [newclass=.selk-code .code_tag_toggle]margin-top:25px; border:0px!important; color:#333!important; font:700 9px/9px roboto!important; padding:5px 10px!important; border-radius:3px!important;[/newclass] [newclass=.abc-selk-jc-link] position:absolute; bottom:0px; left:0px; height:45px; width:45px!important; background-color:var(--abc-selk-jc-accent); display:flex!important; align-items:center!important; justify-content:center!important; border-radius:0px; [/newclass] [newclass=.abc-selk-jc-link i] font-size:20px; color:#fafafa; [/newclass] edit as much as you want! don't touch the credits! i'd love to see how you use it!
[dohtml]
<style>
.galaxyPhone { --galaxyAccent1:#334D74; --galaxyAccent2:#6A8AA3; }
.galaxyPhone { --galaxyPhoneBG:url(https://image.ibb.co/bQASaU/image.png); }
.galaxyPhone { --galaxycontactIMG:url(http://placehold.it/30x30/333/eee.png) }
</style>
<center><div class="galaxyCase"><div class="galaxySpeaker"></div><div class="galaxyCamera"></div>
<div class="galaxyPhone">
<div class="galaxyRibbon">
12:21
<div><span class="ion ion-connection-bars"></span><span class="ion ion-wifi"></span><span class="ion ion-battery-full"></span>
100%
</div></div>
<div class="galaxyLockscreen">
<h1>
12:21
</h1>
<h2>
Monday, September 13
</h2>
<span>fingerprint</span></div>
<div class="galaxySecond">
<div class="galaxyContact">
CONTACT NICKNAME
<div>
@admin
</div>
</div>
<div class="galaxyMessages">
<h1>captivated like a sweet dream</h1>
<h1>i've followed you into the deep universe</h1>
<h2>and i met a lonely milky way</h2>
<h2>finally, finally, it spreads out before me</h2>
<h1>i want to know more about your dazzling light</h1>
<h2>i'm jumping into your galaxy</h2>
<h2>to a world you opened only for me</h2>
<h1>i'm jumping into your galaxy</h1>
</div>
<div class="galaxyMSGbox"><span class="ion ion-android-camera"></span><h1></h1><span class="ion ion-chatbubbles"></span></div></div></div>
<div class="galaxySpeaker"></div></div>
<div class="galaxyCredit"><a href="http://pixel-perfect.boards.net/user/15">SELKIE</a></div></div></center>
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700|Muli:300,400,800|Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
</head>
<style>
@keyframes galaxy-shake {
0% { transform: rotate(0deg); }
85% { transform: rotate(0deg); }
90% { transform: rotate(5deg); }
95% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
@keyframes galaxy-in {
0% { transform:scale(1); opacity:1; }
100% { transform:scale(1.75); opacity:0; }
}
.galaxyCase { padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; }
.galaxySpeaker { background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; }
.galaxyCamera { width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; }
.galaxyPhone { width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; }
.galaxyLockscreen { width:300px; flex-shrink:0; height:500px; position:absolute; z-index:0; opacity:1; background-image:url(http://placehold.it/300x500/333/eee.png); background-image:var(--galaxyPhoneBG); display:flex; align-items:center; justify-content:center; transition:.33s; }
.galaxyPhone:hover .galaxyLockscreen { transition:.33s; transition-delay:.33s; }
.galaxySecond { opacity:0; margin-top:250px; transition:.33s; position:relative; }
.galaxyPhone:hover .galaxySecond { opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; }
.galaxyLockscreen h1 { margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; }
.galaxyLockscreen h2 { margin:0px; font:300 12px Muli; margin-top:75px; text-shadow: 0px 1px 2px #555; }
.galaxyLockscreen span { position:absolute; bottom:25px; color:#fafafa; text-shadow: 0px 1px 2px #555; transition:.25s; transition-delay:.33s; cursor:default; font:48px Material Icons; white-space: nowrap;transform:scale(1); animation:2.5s galaxy-shake linear infinite;}
.galaxyPhone:hover .galaxyLockscreen span { animation:.25s galaxy-in normal; opacity:0; }
.galaxyRibbon { height:20px; width:279px; position:absolute; z-index:9; background-color:rgba(0,0,0,.2); color:#fafafa; display:flex; align-items:center; justify-content:space-between; padding:2px 10px; font:400 10px muli; }
.galaxyRibbon div { display:flex; align-items:center; justify-content:center; }
.galaxyRibbon span { margin-right:5px; height:10px; width:10px; line-height:20px; display:flex; align-items:center; justify-content:center; font-size:10px; speak: none; font-style: normal; font-weight: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;}
.galaxyContact { height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent2); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center; justify-content:space-between; }
.galaxyContact div { position:absolute; font:300 10px muli; margin-top:15px; }
.galaxyContact div a { font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; }
.galaxyContact i { font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; }
.galaxyMessages { height:371px; width:299px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; position:relative; }
.galaxyMessages::after { content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; }
.galaxyMessages h1, h2 { margin:0px 10px 10px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; }
.galaxyMessages h1 img, h2 img { display:block; border-radius:3px; }
.galaxyMessages h1 { background-color:var(--galaxyAccent1); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; }
.galaxyMessages h2 { background-color:var(--galaxyAccent2); margin-right:auto; position:relative; left:40px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; border-radius: 3px; border-top-left-radius: 0; }
.galaxyMessages h2:before { content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxycontactIMG); background-size:cover; }
.galaxyMSGbox { width:289px; height:25px; padding:5px; border-top:1px solid #ddd; background-color:#eaeaea; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; }
.galaxyMSGbox h1 { margin:0px 5px; width:244px; font:300 12px muli; color:#aaa; padding:5px; border-radius:3px; background-color:#f7f7f7; cursor:text; }
.galaxyMSGbox h1:before { content:'enter a message' }
.galaxyMSGbox span { display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxyAccent2); transition:.1s; }
.galaxyMSGbox span:before { background-image: linear-gradient(40deg, var(--galaxyAccent1), var(--galaxyAccent2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.galaxyMSGbox span:hover { font-size:22px; transition:.1s; cursor:pointer; }
.galaxyMessages::-webkit-scrollbar { width:7px;border:0px; }
.galaxyMessages::-webkit-scrollbar-track { background-color:#fcfcfc;border:0px;}
.galaxyMessages::-webkit-scrollbar-thumb { background-image:linear-gradient(to bottom, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent1);border:0px; }
.galaxyCredit { font:800 7px roboto; margin-left:250px; }
.galaxyCredit a { font:800 7px roboto; }
</style>
[/dohtml] [attr="class","abc-selk-jc-link"] [attr="class","lnr lnr-link"]
[googlefont=Muli:300,400,800|Material+Icons]
[newclass=.galaxyPhone] --galaxyAccent1:#334D74; --galaxyAccent2:#6A8AA3; [/newclass] [newclass=.galaxyPhone] --galaxyPhoneBG:url(https://image.ibb.co/bQASaU/image.png);[/newclass] [newclass=.galaxyPhone] --galaxycontactIMG:url(https://i.ibb.co/f04hZN0/image.png); [/newclass]
[newclass=.galaxyCase] padding:5px 10px; border-radius:10px; background-color:#212121; width:299px; position:relative; [/newclass] [newclass=.galaxySpeaker] background-color:rgba(255,255,255,.1); height:7px; width:149px; margin:10px 0px; border-radius:5px; [/newclass] [newclass=.galaxyCamera] width:7px; height:7px; border-radius:100%; background-color:rgba(255,255,255,.1); position:absolute; left:25px; top:15px; [/newclass] [newclass=.galaxyPhone] width:299px; height:500px; overflow:hidden; background-color:#efefef; position:relative; [/newclass] [newclass=.galaxyLockscreen] width:300px; flex-shrink:0; height:500px; position:absolute; z-index:0; opacity:1; background-image:url(http://placehold.it/300x500/333/eee.png); background-image:var(--galaxyPhoneBG); display:flex; align-items:center; justify-content:center; transition:.33s; [/newclass] [newclass=.galaxyPhone:hover .galaxyLockscreen] transition:.33s; transition-delay:.33s; [/newclass] [newclass=.galaxySecond] opacity:0; margin-top:250px; transition:.33s; position:relative; [/newclass] [newclass=.galaxyPhone:hover .galaxySecond] opacity:1; transition:.33s; margin-top:0px; position:relative; transition-delay:.33s; [/newclass] [newclass=.galaxyLockscreen h1] margin:0px; position:absolute; z-index:1; font:300 56px Muli; color:#fafafa; text-shadow: 0px 0px 3px #555; [/newclass] [newclass=.galaxyLockscreen h2] margin:0px; font:300 12px Muli; margin-top:75px; text-shadow: 0px 1px 2px #555; [/newclass] [newclass=.galaxyLockscreen span] position:absolute; bottom:25px; color:#fafafa; text-shadow: 0px 1px 2px #555; transition:.25s; transition-delay:.33s; cursor:default; font:48px Material Icons; white-space: nowrap; animation:2.5s galaxy-shake linear infinite; } @keyframes galaxy-shake { 0% { transform: rotate(0deg); } 85% { transform: rotate(0deg); } 90% { transform: rotate(5deg); } 95% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); }[/newclass] [newclass=.galaxyPhone:hover .galaxyLockscreen span] animation:.25s galaxy-in normal; opacity:0; } @keyframes galaxy-in { 0% { transform:scale(1); opacity:1; } 100% { transform:scale(1.5); opacity:0; }[/newclass] [newclass=.galaxyRibbon] height:20px; width:279px; position:absolute; z-index:9; background-color:rgba(0,0,0,.2); color:#fafafa; display:flex; align-items:center; justify-content:space-between; padding:2px 10px; font:400 10px muli; [/newclass] [newclass=.galaxyRibbon div] display:flex; align-items:center; justify-content:center; [/newclass] [newclass=.galaxyRibbon span] margin-right:5px; height:10px; width:10px; line-height:20px; display:flex; align-items:center; justify-content:center; font-size:10px; speak: none; font-style: normal; font-weight: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; font-variant: normal;[/newclass] [newclass=.galaxyContact] height:59px; margin-top:0px; padding:24px 10px 0px 10px; background:linear-gradient(60deg, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent2); font:800 18px/18px Muli; color:#fff!important; display:flex; align-items:center; justify-content:space-between; [/newclass] [newclass=.galaxyContact div] position:absolute; font:300 10px muli; margin-top:15px; [/newclass] [newclass=.galaxyContact div a] font:300 10px muli!important; color:rgba(255,255,255,.66)!important;text-transform:lowercase; [/newclass] [newclass=.galaxyContact i] font-size:28px; font-style:normal; margin-right:0px; cursor:pointer; [/newclass] [newclass=.galaxyMessages] height:371px; width:299px; overflow:auto; text-align:left; background-color:#eee; display:flex; flex-flow:column nowrap; justify-content:flex-start; padding-top:10px; position:relative; [/newclass] [newclass=.galaxyMessages::after] content:'.'; font-size:0; line-height:10px; background-color:#eee; color:#eee; [/newclass] [newclass=.galaxyMessages h1, h2] margin:0px 10px 10px 10px; max-width:189px; color:#fafafa; padding:10px; font:12px roboto; text-align:justify; width:auto; [/newclass] [newclass=.galaxyMessages h1 img, h2 img] display:block; border-radius:3px; [/newclass] [newclass=.galaxyMessages h1] background-color:var(--galaxyAccent1); margin-left: auto; -webkit-border-radius: 3px; -webkit-border-top-right-radius: 0; border-radius: 3px; border-top-right-radius: 0; [/newclass] [newclass=.galaxyMessages h2] background-color:var(--galaxyAccent2); margin-right:auto; position:relative; left:40px; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 0; border-radius: 3px; border-top-left-radius: 0; [/newclass] [newclass=.galaxyMessages h2:before] content:''; position:absolute; z-index:0; margin-left:-50px; margin-top:-7px; width:30px; height:30px; border-radius:100%; background-image:var(--galaxycontactIMG); background-size:cover; [/newclass] [newclass=.galaxyMSGbox] width:289px; height:25px; padding:5px; border-top:1px solid #ddd; background-color:#eaeaea; display:flex; flex-flow:row nowrap; align-items:center; justify-content:space-between; [/newclass] [newclass=.galaxyMSGbox h1] margin:0px 5px; width:244px; font:300 12px muli; color:#aaa; padding:5px; border-radius:3px; background-color:#f7f7f7; cursor:text; [/newclass] [newclass=.galaxyMSGbox h1:before] content:'enter a message'[/newclass] [newclass=.galaxyMSGbox span] display:inline; width:25px; height:25px; font-size:20px; line-height:25px; color:var(--galaxyAccent2); transition:.1s; [/newclass] [newclass=.galaxyMSGbox span:before] background-image: linear-gradient(40deg, var(--galaxyAccent1), var(--galaxyAccent2) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; [/newclass] [newclass=.galaxyMSGbox span:hover] font-size:22px; transition:.1s; cursor:pointer; [/newclass] [newclass=.galaxyMessages::-webkit-scrollbar] width:7px;border:0px; [/newclass] [newclass=.galaxyMessages::-webkit-scrollbar-track] background-color:#fcfcfc;border:0px;[/newclass] [newclass=.galaxyMessages::-webkit-scrollbar-thumb] background-image:linear-gradient(to bottom, var(--galaxyAccent1), var(--galaxyAccent2) ); background-color:var(--galaxyAccent1);border:0px; [/newclass] [newclass=.galaxyCredit] font:800 7px roboto; margin-left:250px; [/newclass] [newclass=.galaxyCredit a] font:800 7px roboto; [/newclass] [newclass=.ion]display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: "Ionicons"; src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot"); src: url("//dl.dropbox.com/s/mapg7pw2au1g09k/ionicons.eot") format("embedded-opentype"), url("//dl.dropbox.com/s/jttet8q0r121h5t/ionicons.woff") format("woff"), url("//dl.dropbox.com/s/jl3yj9nwp5lyl3g/ionicons.ttf") format("truetype"), url("//dl.dropbox.com/s/7c60myjcm9320b4/ionicons.svg") format("svg"); font-weight: normal; font-style: normal;[/newclass] [newclass=.ion-connection-bars:before] font-family: "Ionicons"; content: "\f274"; [/newclass] [newclass=.ion-wifi:before] font-family: "Ionicons"; content: "\f25c"; [/newclass] [newclass=.ion-battery-full:before] font-family: "Ionicons"; content: "\f113"; [/newclass] [newclass=.ion-ios-telephone:before] font-family: "Ionicons"; content: "\f4b9"; [/newclass] [newclass=.ion-android-camera:before] font-family: "Ionicons"; content: "\f2d3"; [/newclass] [newclass=.ion-chatbubbles:before] font-family: "Ionicons"; content: "\f11f"; [/newclass][attr="class","galaxyCase"]
[attr="class","galaxySpeaker"]
[attr="class","galaxyCamera"]
[attr="class","galaxyPhone"]
[attr="class","galaxyRibbon"] 12:21
[attr="class","ion ion-connection-bars"][attr="class","ion ion-wifi"][attr="class","ion ion-battery-full"] 100%
[attr="class","galaxyLockscreen"]
12:21
Monday, September 13
fingerprint[attr="class","galaxySecond"]
[attr="class","galaxyContact"] CONTACT NICKNAME
@selkie
[attr="class","galaxyMessages"]
captivated like a sweet dream
i've followed you into the deep universe
and i met a lonely milky way
finally, finally, it spreads out before me
i want to know more about your dazzling light
i'm jumping into your galaxy
to a world you opened only for me
i'm jumping into your galaxy
[attr="class","galaxyMSGbox"][attr="class","ion ion-android-camera"][attr="class","ion ion-chatbubbles"]
[attr="class","galaxySpeaker"]
[attr="class","galaxyCredit"]SELKIE