API tools faq
paste
Advertisement
6THEMES

GOOD EVENING — PAGE BY SIX.

6THEMES
Jun 10th, 2018
3,054
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.29 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ khevinday.tumblr.com -- codes by six. ✱
  7.  
  8. - do not redistribute
  9. - do not copy any parts of the following code
  10.  
  11. ✱ thank you for using my themes! ✱
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <!DOCTYPE html>
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <!-- tabs -->
  25.  
  26. <script>
  27. function openCity(evt, cityName) {
  28. var i, tabcontent, tablinks;
  29. tabcontent = document.getElementsByClassName("tabcontent");
  30. for (i = 0; i < tabcontent.length; i++) {
  31. tabcontent[i].style.display = "none";
  32. }
  33. tablinks = document.getElementsByClassName("tablinks");
  34. for (i = 0; i < tablinks.length; i++) {
  35. tablinks[i].className = tablinks[i].className.replace(" active", "");
  36. }
  37. document.getElementById(cityName).style.display = "block";
  38. evt.currentTarget.className += " active";
  39. }
  40. </script>
  41.  
  42. <script type="text/javascript">
  43. $(document).ready(function(){
  44.  
  45. $('ul.tabs li').click(function(){
  46. var tab_id = $(this).attr('data-tab');
  47.  
  48. $('ul.tabs li').removeClass('current');
  49. $('.tab-content').removeClass('current');
  50.  
  51. $(this).addClass('current');
  52. $("#"+tab_id).addClass('current');
  53. })
  54.  
  55. })
  56. </script>
  57.  
  58. <!-- CSS ICONS, SCRIPTS & GOOGLE FONTS -->
  59.  
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function() {
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77.  
  78. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  79.  
  80. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  81.  
  82. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  83.  
  84. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
  93.  
  94. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:#8f7652; background:#e7e5d7; border:1px solid #eaeaea; z-index:99999; font-size:7px; text-transform:uppercase; font-family:'robold'; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  95.  
  96. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  97. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  98.  
  99. /* ---- TEXTS & CUSTOM FONTS ----*/
  100.  
  101. a:link, a:active, a:visited { text-decoration:none; }
  102.  
  103. a:hover { color:#fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  104.  
  105. h1 { font-size:9px; font-style:italic; letter-spacing:5px; text-align:right; margin-bottom:15px; opacity:.6;}
  106.  
  107. @font-face{ font-family:"nouvelle"; src: url('https://dl.dropboxusercontent.com/s/ag5vx5qla7mrqg9/nouvelle_vague_final.ttf’)'); }
  108.  
  109. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/exj78lvoc594ylo/Signerica_Medium.ttf’)'); }
  110.  
  111. @font-face{ font-family:"primetime"; src: url('https://dl.dropboxusercontent.com/s/2b4vrdix7lxxfsw/PRIMETIME%20%E2%95%95%20PERSONAL%20USE%20ONLY.ttf’)'); }
  112.  
  113. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  114.  
  115. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  116.  
  117. @font-face{ font-family:"hermes"; src: url('https://dl.dropboxusercontent.com/s/rhje42nhg8bamiq/Herrmes.otf’)'); }
  118.  
  119. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  120.  
  121.  
  122. /* ---- BODY & CONTAINER ---- */
  123.  
  124. body { font-family:helvetica; font-weight:100; font-size:11px; text-align:justify; margin:0; line-height:18px; background:#eaeaea; background-image:url('https://static.tumblr.com/1e5939f0f24ca133a1f0c93e662c9af4/lrp7gdv/A7qp7vjsh/tumblr_static_1phlzluj3p40kwk8goww8ogks.png');}
  125.  
  126. #holder { position:absolute; width:760px; height:480px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#e7e5d7; overflow:hidden; b}
  127.  
  128. #muses { position: absolute; width:320px; height:480px; left:0px; top:0px; background-color:#f1ede9; }
  129.  
  130. #tabspace { position: absolute; width:440px; height:480px; right:0px; top:0px; }
  131.  
  132. #graphic { position: absolute; width:340px; height:380px; margin:auto; right:0px; left:0px; bottom: 0px; top:0px; }
  133.  
  134. #title { position: absolute; top:30px; right:0px; width:440px; height:80px; color:#fff; font-family:'primetime'; font-size:36px; text-transform:uppercase; text-align:center; letter-spacing:3px; -webkit-text-stroke: 1px #ce3e2b; -webkit-text-fill-color: rgba(0, 0, 0, 0);}
  135.  
  136. #subtitle { position: absolute; bottom:25px; left:30px; width:380px; height:15px; color:#fff; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:right; font-style:italic; letter-spacing:3px; color:#ce3e2b; }
  137.  
  138.  
  139. #bottombar { position: absolute; width:320px; height:40px; left:0px; bottom:0px; background-color:#d4cbaa; }
  140.  
  141. #title2 { position: absolute; bottom:22px; right:0px; width:320px; height:30px; color:#fff; font-family:'primetime'; font-size:24px; text-transform:uppercase; text-align:center; letter-spacing:3px; -webkit-text-stroke: 1px #ce3e2b; -webkit-text-fill-color: rgba(0, 0, 0, 0);}
  142.  
  143. #subtitle2 { position: absolute; bottom:10px; left:0px; width:320px; height:15px; color:#fff; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:center; letter-spacing:3px; color:#ce3e2b; }
  144.  
  145. #subtitle2 tt { color:#fff; background-color:#ce3e2b; padding:3px 3px 3px 5px; border-radius:4px; font-style:none; font-size:9px;}
  146.  
  147.  
  148. /* ---- t a b s ---- */
  149.  
  150. #links { position:absolute; width:320px; height:400px; top:10px; left:0px; overflow:hidden; }
  151.  
  152. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  153.  
  154. ul.tab li { float:left; width:80px; height:80px; list-style:none; text-align:center; line-height:5px; background-color:#ce3e2b; border-radius:12px; margin-left:20px; margin-top:40px; overflow:hidden;}
  155.  
  156. ul.tab li a { font-weight:bold; text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:17px; line-height:17px; color:#dfa06c; }
  157.  
  158. ul.tab li i { color:#dfa06c; }
  159.  
  160. .close { position:absolute; top:0px; right:5px; font-weight:bold; color:#a08c6e; z-index:9999999; }
  161. .close:hover { cursor: pointer; }
  162.  
  163. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  164.  
  165. .tabcontent.current{ display: inherit; }
  166.  
  167. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  168.  
  169. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  170.  
  171.  
  172. /* ---- stats tab ---- */
  173.  
  174. #tabone { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  175.  
  176. #insta { position:absolute; right:20px; top:20px; width: 200px; height:130px; background-color:#f5f3f2; border-top:50px solid #d4cbaa; border-radius:10px; }
  177.  
  178. #instaicon { position: absolute; top: -28px; left:14px; width:40px; height:40px; background-color:#f5f3f2; padding:3px; border:2px solid #d4cbaa; border-radius:8px; overflow:hidden; box-shadow: 0 0 0.3em #d4cbaa; }
  179.  
  180. #instaicon img { border-radius:5px; width:40px; }
  181.  
  182. #instahandle { position:absolute; right:25px; top:-20px; width:100px; height:20px; color:#a08c6e; font-family:'robold'; font-size:10px; text-transform:uppercase; text-align:left; letter-spacing:3px; line-height:20px; }
  183.  
  184. #instafollow { position:absolute; right:60px; top:5px; width:60px; height:9px; padding:3px; color:#b8a88f; border-radius:10px; font-family:'robold'; font-size:8px; text-transform:uppercase; text-align:center; letter-spacing:1px; line-height:120%; border:1px solid #b8a88f; box-shadow: 0 0 0.3em #bcb691; }
  185.  
  186. .instacogs { position:absolute; width:40px; top:7px; right:15px; }
  187. .instacogs li { float:left; margin-right:5px; width:11px; font-family:'roboto'; font-size:12px; font-weight:bold; list-style:none; text-align:center; line-height:8px; color: #97876e; text-shadow: 0 0 0.3em #e0dbbd; }
  188.  
  189. .feed { position:absolute; top:35px; left:0px; width:190px; height:50px; }
  190. .feed li { float:left; list-style:none; width:80px; height:82px; background-color:#fff; margin-left:12px; margin-bottom: 15px; border-radius:8px; overflow:hidden; border:1px solid #ececec; box-shadow: 2px 1px 4px #eaeaea;}
  191. .feed img { width:82px; }
  192.  
  193. #subtitle3 { position: absolute; top:20px; left:20px; width:190px; height:15px; color:#fff; font-family:'robold'; font-size:7px; font-style:italic; text-transform:uppercase; text-align:center; letter-spacing:3.5px; color:#b8a88f; }
  194.  
  195. #phone { position:absolute; left:20px; top:40px; width:190px; height:300px; background-color:#f5f3f29; overflow:hidden; border-radius:10px; border:1px solid #d7d5d2;}
  196.  
  197. .phonebar { position:absolute; left:0px; top:0px; width:190px; height:20px; background-color:rgba(0,0,0,0.4); line-height:15px; color:#fff; font-size:9px;}
  198.  
  199. .phonebar i { line-height:20px; color:#fff; }
  200. .phonedots { position:absolute; left:5px; top:0px; height:25px; font-size:5px; line-height:10px; }
  201.  
  202. .time { position:absolute; width:190px; height:40px; line-height:40px; margin:auto; right:0px; top:35px; font-family:'roboto'; font-size:35px; text-align:center; text-transform:uppercase; color:#fff; letter-spacing:7px; text-shadow:2px 2px 4px rgba(0,0,0,0.2); }
  203.  
  204. .unlock { position:absolute; left:0px; bottom:15px; width:190px; height:20px; line-height:15px; font-family:'robold'; font-size:10px; text-align:center; letter-spacing:1px; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.4); }
  205. .unlock i { color:#fff; }
  206.  
  207. #snapchat { position: absolute; width:190px; height:300px; left:0px; top:0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  208.  
  209. #snapcap { position:absolute; width:190px; height:10px; padding:5px; text-align:center; line-height:100%; background-color:black; background:rgba(0,0,0,0.5); color:white; margin-left:0px; bottom:20px; font-family: 'robold'; text-transform:uppercase; font-size:7px; line-height:10px; letter-spacing:2px; }
  210.  
  211. #snapname { position:absolute; width:190px; height:10px; padding:5px; top:5px; left:5px; color:white; text-transform:uppercase; font-family: 'robold', sans-serif; font-size:11px; font-weight:bold; letter-spacing:1px; line-height:100%; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }
  212.  
  213. #snapname tt { font-size:10px; font-weight:bold; }
  214.  
  215. #two, #three, #four, #five { position:absolute; width:190px; height:300px; margin:0px; opacity:0; }
  216.  
  217. #snapchat:hover #two{ opacity:1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  218.  
  219. #snapchat:hover #three{ opacity:1; transition-delay: 2.0s; }
  220.  
  221. #snapchat:hover #four{ opacity:1; transition-delay: 5.0s; }
  222.  
  223.  
  224. #stats { position:absolute; left:20px; bottom:20px; width:170px; height:92px; padding:10px; padding-top:7px; background-color:#d4cbaa; overflow:hidden; border-radius:10px; font-family:'robold'; font-size:9px; text-transform:uppercase; letter-spacing:2px; color:#ce3e2b; }
  225.  
  226. #stats tt { color:#fff; background-color:#ce3e2b; padding:3px 3px 3px 5px; border-radius:4px; font-style:none; font-size:7px; font-weight:bold; }
  227. #stats b { font-size:8.5px; }
  228.  
  229.  
  230. #connections { position:absolute; right:20px; bottom:20px; width:160px; height:150px; padding:15px 20px; background-color:#f5f3f2; overflow:auto; border-radius:10px; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:1px; color:#a08c6e; line-height:12px;}
  231. #connections img { width:35px; border-radius:5px; }
  232.  
  233.  
  234. #avail { position:absolute; right:20px; bottom:210px; width:180px; height:36px; padding:12px 10px; background-color:#ce3e2b; overflow:hidden; border-radius:10px; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:3px; color:#f5f3f2; line-height:12px; text-align:center; }
  235. #avail b { font-size:9px; font-style:italic; letter-spacing:5px; color:#74170a;}
  236.  
  237.  
  238. #tabtwo { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  239.  
  240. #tabthree { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  241.  
  242. #tabfour { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  243.  
  244. #tabfive { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  245.  
  246. #tabsix { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  247.  
  248. #tabseven { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  249.  
  250. #tabeight { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  251.  
  252. #tabnine { position:absolute; right:0px; top:0px; width: 440px; height:480px; background-color:#e7e5d7; overflow:hidden; }
  253.  
  254. </style>
  255. </head>
  256.  
  257.  
  258.  
  259. <body>
  260.  
  261.  
  262.  
  263. <div id="holder">
  264.  
  265. <div id="muses">
  266. <div id="bottombar"> </div>
  267. <div id="title2">meet the muses</div>
  268. <div id="subtitle2"> return to the main <tt>or</tt> continue to the app?</div>
  269.  
  270. <div id="links"> <ul class="tab">
  271. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="the bellwether."> <img src="https://78.media.tumblr.com/ebd9bba1786dc70fd080f4011a86eb5c/tumblr_inline_p7yv4sOqbe1srid4g_500.png" /></a></li>
  272.  
  273. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabtwo')" title="the hedonist."> <img src="https://78.media.tumblr.com/938e63eaf4f129714da8ac8487787046/tumblr_inline_p7yv521PAE1srid4g_500.png" /></a></li>
  274.  
  275. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabthree')" title="the syrupy."><img src="https://78.media.tumblr.com/4cb32640de5387193866de5b42fea4ee/tumblr_inline_p7yv4xCH811srid4g_500.png" /></a></li>
  276.  
  277. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfour')" title="the mooncalf."> <img src="https://78.media.tumblr.com/18c3ac9e12615b43902521e2270e84fa/tumblr_inline_p7yw37JgcS1srid4g_500.png" /></a></li>
  278.  
  279. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfive')" title="the savant."> <img src="https://78.media.tumblr.com/42c7789fde89449b5f5befbaa8553f28/tumblr_inline_p7ywl53o131srid4g_500.png" /></a></li>
  280.  
  281. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabsix')" title="the connard."> <img src="https://78.media.tumblr.com/dea322ee83c723337edfc7a8dbe8a4c5/tumblr_inline_p7yw3jPmzt1srid4g_500.png" /></a></li>
  282.  
  283. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabseven')" title="the reveller."> <img src="https://78.media.tumblr.com/b0c8938cdc403e7584d7f8168f9fd153/tumblr_inline_p7ywraKDEM1srid4g_500.png" /></a></li>
  284.  
  285. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabeight')" title="the raconteur."> <img src="https://78.media.tumblr.com/6fc68fcbbc3520cbfd61343ad61abda9/tumblr_inline_p7yw3pWzm21srid4g_500.png" /></a></li>
  286.  
  287. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabnine')" title="the sovereign."> <img src="https://78.media.tumblr.com/250067e58ab478749f3f7e83d5c16ab1/tumblr_inline_p8deejbhll1srid4g_500.png" /></a></li>
  288. </ul>
  289. </div>
  290. </div>
  291.  
  292.  
  293. <div id="tabspace">
  294. <div id="graphic"><img src="https://78.media.tumblr.com/5b4d34763a1e80cefd82b1ceead6b518/tumblr_inline_pa4ouwdAKs1srid4g_500.png" /></div>
  295. <div id="title"> let's get lost.</div>
  296. <div id="subtitle"> baby let's hurry and go, runaway, leave everything behind.</div></div>
  297.  
  298. <div id="tabone" class="tabcontent">
  299. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  300.  
  301. <div id="insta">
  302. <div id="instaicon"><img src="https://78.media.tumblr.com/03ae97712d1d828847d9cfd0eea38b63/tumblr_inline_p82z4wKV3m1srid4g_500.png" /></div>
  303. <div id="instahandle">@bellwether</div>
  304. <div id="instafollow"> unfollow </div>
  305. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  306.  
  307. <div class="feed">
  308. <li><img src="https://78.media.tumblr.com/2e584b155f749706177b0f84505fa4a1/tumblr_inline_p82z5biYAT1srid4g_500.png" /></li>
  309. <li><img src="https://78.media.tumblr.com/294c79af0da43723279fc1214d97c9c2/tumblr_inline_p82z5fVu171srid4g_500.png" /></li>
  310. </div>
  311. </div>
  312.  
  313. <div id="subtitle3">hover for snapchat story!</div>
  314. <div id="phone">
  315. <img src="https://78.media.tumblr.com/346ef27c0db22bb99974adcdf78656db/tumblr_inline_p82zuwqqhQ1srid4g_500.png" />
  316.  
  317. <div class="time">08:37</div>
  318. <div class="phonebar">
  319. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  320. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  321. Verizon <i class="fa fa-wifi"></i>
  322. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  323. <i class="fa fa-lock" aria-hidden="true"></i>
  324. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  325. 54% <i class="fa fa-battery-half"></i>
  326. </div>
  327. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  328.  
  329. <div id="snapchat">
  330.  
  331. <div id="two"><img src="https://78.media.tumblr.com/58bf160017cfad5028077154e8cc0bb8/tumblr_inline_p83r33CrZV1srid4g_500.png"><div id="snapcap">my kinda h20</div> <div id="snapname"> bellwether <br> <tt>8h ago</tt> </div></div>
  332.  
  333. <div id="three"><img src="https://78.media.tumblr.com/385fd019b08cd5e48c31e99fd188704d/tumblr_inline_p83r38nkmc1srid4g_500.png"><div id="snapcap">bonjour mon cheri</div> <div id="snapname"> bellwether <br> <tt>13h ago</tt> </div> </div>
  334.  
  335. <div id="four"><img src="https://78.media.tumblr.com/142a5b72da9bac798b92f8bbe8b0bcfa/tumblr_inline_p83r3dxWpk1srid4g_500.png"><div id="snapcap">#goodshit</div> <div id="snapname"> bellwether <br> <tt>23h ago</tt> </div> </div>
  336. </div>
  337.  
  338.  
  339. </div>
  340.  
  341.  
  342. <div id="connections">
  343. <h1>connections.</h1>
  344. <img align="left" src="https://78.media.tumblr.com/42c7789fde89449b5f5befbaa8553f28/tumblr_inline_p7ywl53o131srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the bellweather and the savant and glued at the hips. There’s never been a better example for the words best friends. The only obstacle ahead of them now is maintaining their closeness for the entire summer.<br> <br>
  345. <img align="right" src="https://78.media.tumblr.com/6fc68fcbbc3520cbfd61343ad61abda9/tumblr_inline_p7yw3pWzm21srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the bellweather and the raconteur annoy each other to no end. For them, there’s always something to disagree on, and any time they can be in the room without bickering or pulling each other’s hair out is a rare occasion.
  346. </div>
  347.  
  348.  
  349. <div id="stats">
  350. <tt>name:</tt> up to player.<br>
  351. <tt>age:</tt> up to player.<br>
  352. <tt>major:</tt> up to player.<br>
  353. <tt>pronouns:</tt> up to player.<br>
  354. <tt>faceclaim:</tt> <b>up to player.</b>
  355. </div>
  356.  
  357. <div id="avail"> <b>bellwether;</b><br> an indicator or predictor of something, a trendsetter.</div>
  358.  
  359. </div>
  360.  
  361.  
  362.  
  363. <div id="tabtwo" class="tabcontent">
  364. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  365.  
  366. <div id="insta">
  367. <div id="instaicon"><img src="https://78.media.tumblr.com/0eb1e2e1c7e214a45ab041c4a6ad1150/tumblr_inline_p83viiQyL21srid4g_500.png" /></div>
  368. <div id="instahandle">@hedonist</div>
  369. <div id="instafollow"> unfollow </div>
  370. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  371.  
  372. <div class="feed">
  373. <li><img src="https://78.media.tumblr.com/d37ce3c45243bab26370bc54e07f1769/tumblr_inline_p83viaNTIJ1srid4g_500.png" /></li>
  374. <li><img src="https://78.media.tumblr.com/ce4023d9e5431ef3806736c2f4b4925f/tumblr_inline_p83vieAqmJ1srid4g_500.png" /></li>
  375. </div>
  376. </div>
  377.  
  378. <div id="subtitle3">hover for snapchat story!</div>
  379. <div id="phone">
  380. <img src="https://78.media.tumblr.com/9b559c17afe1430d5a82fa91eab58f2c/tumblr_inline_p83vj4dmc91srid4g_500.png" />
  381.  
  382. <div class="time">08:37</div>
  383. <div class="phonebar">
  384. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  385. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  386. Verizon <i class="fa fa-wifi"></i>
  387. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  388. <i class="fa fa-lock" aria-hidden="true"></i>
  389. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  390. 54% <i class="fa fa-battery-half"></i>
  391. </div>
  392. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  393.  
  394. <div id="snapchat">
  395.  
  396. <div id="two"><img src="https://78.media.tumblr.com/81d26b800c582d1b4ce8d7f9b764c487/tumblr_inline_p83viuhS8f1srid4g_500.png"><div id="snapcap">self portrait</div> <div id="snapname"> hedonist <br> <tt>2h ago</tt> </div></div>
  397.  
  398. <div id="three"><img src="https://78.media.tumblr.com/524f4456b21924f0d171d765cb627afa/tumblr_inline_p83vipVKFb1srid4g_500.png"><div id="snapcap">lmao this freaky ass statue</div> <div id="snapname"> hedonist <br> <tt>5h ago</tt> </div> </div>
  399.  
  400. <div id="four"><img src="https://78.media.tumblr.com/f7c71dbef2eb3603f2feb1a934deeee0/tumblr_inline_p83viyoP4l1srid4g_500.png"><div id="snapcap">legend</div> <div id="snapname"> hedonist <br> <tt>19h ago</tt> </div> </div>
  401. </div>
  402.  
  403.  
  404. </div>
  405.  
  406.  
  407. <div id="connections">
  408. <h1>connections.</h1>
  409. <img align="left" src="https://78.media.tumblr.com/416af25b69a403a3921f6a2351c806c9/tumblr_inline_p8dedvSGgU1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the reveler and the hedonist clicked almost immediately. Brought together by their love of thrill and adventure, they’ve become partners in crime. Always looking for a good time these two spell nothing but trouble. <br> <br>
  410. <img align="right" src="https://78.media.tumblr.com/18c3ac9e12615b43902521e2270e84fa/tumblr_inline_p7yw37JgcS1srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the hedonist has been trying to get the mooncalf out of their shell for months. And now that they’re in Italy, the hedonist has officially taken the mooncalf under their wing, though that might not be the best of ideas.
  411. </div>
  412.  
  413.  
  414. <div id="stats">
  415. <tt>name:</tt> mars lee.<br>
  416. <tt>age:</tt> twenty-two.<br>
  417. <tt>major:</tt> film production.<br>
  418. <tt>pronouns:</tt> he/him.<br>
  419. <tt>faceclaim:</tt> <b>christian yu.</b>
  420. </div>
  421.  
  422. <div id="avail"> <b>hedonist;</b><br> believes in the pursuit of pleasure; a pleasure seeker.</div>
  423.  
  424. </div>
  425.  
  426.  
  427. <div id="tabthree" class="tabcontent">
  428. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  429.  
  430. <div id="insta">
  431. <div id="instaicon"><img src="https://78.media.tumblr.com/af6b6e4f8b347cd350713220d9db0853/tumblr_inline_p840yy0JQ81srid4g_500.png" /></div>
  432. <div id="instahandle">@syrupy</div>
  433. <div id="instafollow"> unfollow </div>
  434. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  435.  
  436. <div class="feed">
  437. <li><img src="https://78.media.tumblr.com/07dc1ff9a72a0cb7392355f53408cd15/tumblr_inline_p8411v2wPE1srid4g_500.png" /></li>
  438. <li><img src="https://78.media.tumblr.com/0742690ad5388a6a38dcc7b05a03d0e7/tumblr_inline_p84121lsZB1srid4g_500.png" /></li>
  439. </div>
  440. </div>
  441.  
  442. <div id="subtitle3">hover for snapchat story!</div>
  443. <div id="phone">
  444. <img src="https://78.media.tumblr.com/61d2cf51bb38bcb3ba92a43d0f09a793/tumblr_inline_p89q6nroTo1srid4g_500.png" />
  445.  
  446. <div class="time">08:37</div>
  447. <div class="phonebar">
  448. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  449. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  450. Verizon <i class="fa fa-wifi"></i>
  451. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  452. <i class="fa fa-lock" aria-hidden="true"></i>
  453. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  454. 54% <i class="fa fa-battery-half"></i>
  455. </div>
  456. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  457.  
  458. <div id="snapchat">
  459.  
  460. <div id="two"><img src="https://78.media.tumblr.com/0e30b16c54b3661acc3feeead9490f54/tumblr_inline_p8412g082C1srid4g_500.png"><div id="snapcap">we found a thing!!</div> <div id="snapname"> syrupy <br> <tt>1h ago</tt> </div></div>
  461.  
  462. <div id="three"><img src="https://78.media.tumblr.com/539b80a8089ff35994a83a946a343ece/tumblr_inline_p8412nOdcB1srid4g_500.png"><div id="snapcap">can you hear me screaming</div> <div id="snapname"> syrupy <br> <tt>4h ago</tt> </div> </div>
  463.  
  464. <div id="four"><img src="https://78.media.tumblr.com/fb45c046109d210b6ac9d490580e5af2/tumblr_inline_p8412btNms1srid4g_500.png"><div id="snapcap">wise words</div> <div id="snapname"> syrupy <br> <tt>22h ago</tt> </div> </div>
  465. </div>
  466.  
  467.  
  468. </div>
  469.  
  470.  
  471. <div id="connections">
  472. <h1>connections.</h1>
  473. <img align="left" src="https://78.media.tumblr.com/416af25b69a403a3921f6a2351c806c9/tumblr_inline_p8dedvSGgU1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the reveler and the syrupy have been roommates since their freshman year. Perhaps it’s the law of attraction, but these two opposites get on without a hitch. For the most part. <br> <br>
  474. <img align="right" src="https://78.media.tumblr.com/dea322ee83c723337edfc7a8dbe8a4c5/tumblr_inline_p7yw3jPmzt1srid4g_500.png" style="margin-left:10px; margin-top:5px;"> At vero eos et accus amus et iusto odio dignis simos ducimus qui bland itiis praesen tium volup tatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.
  475. </div>
  476.  
  477.  
  478. <div id="stats">
  479. <tt>name:</tt> up to player.<br>
  480. <tt>age:</tt> up to player.<br>
  481. <tt>major:</tt> up to player.<br>
  482. <tt>pronouns:</tt> up to player.<br>
  483. <tt>faceclaim:</tt> <b>up to player.</b>
  484. </div>
  485.  
  486. <div id="avail"><b>SYRUPY;</b><br> having the sweetness of syrup, overly sentimental.</div>
  487.  
  488. </div>
  489.  
  490.  
  491. <div id="tabfour" class="tabcontent">
  492. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  493.  
  494. <div id="insta">
  495. <div id="instaicon"><img src="https://78.media.tumblr.com/f185eca2fa01bb56e59831b660b9c6ce/tumblr_inline_p89phpAhgA1srid4g_500.png" /></div>
  496. <div id="instahandle">@mooncalf</div>
  497. <div id="instafollow"> unfollow </div>
  498. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  499.  
  500. <div class="feed">
  501. <li><img src="https://78.media.tumblr.com/e2f905377cc5b4ace948757e3cfd028a/tumblr_inline_p89phxvjJm1srid4g_500.png" /></li>
  502. <li><img src="https://78.media.tumblr.com/7ba9b562b6094cf3e028ad4384537d48/tumblr_inline_p89pi2gnEO1srid4g_500.png" /></li>
  503. </div>
  504. </div>
  505.  
  506. <div id="subtitle3">hover for snapchat story!</div>
  507. <div id="phone">
  508. <img src="https://78.media.tumblr.com/5053933d542c19ce1dd0a77c606712bb/tumblr_inline_p89poeDGyJ1srid4g_500.png" />
  509.  
  510. <div class="time">08:37</div>
  511. <div class="phonebar">
  512. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  513. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  514. Verizon <i class="fa fa-wifi"></i>
  515. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  516. <i class="fa fa-lock" aria-hidden="true"></i>
  517. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  518. 54% <i class="fa fa-battery-half"></i>
  519. </div>
  520. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  521.  
  522. <div id="snapchat">
  523.  
  524. <div id="two"><img src="https://78.media.tumblr.com/67b92bd9fa8442e4ca484ab883609e90/tumblr_inline_p89ptsBNua1srid4g_500.png"><div id="snapcap">same</div> <div id="snapname"> mooncalf <br> <tt>2h ago</tt> </div></div>
  525.  
  526. <div id="three"><img src="https://78.media.tumblr.com/8d1541a33fbb0143b3d05a2a0ba2fe62/tumblr_inline_p89pifGnBl1srid4g_500.png"><div id="snapcap">"fuck your books" they said</div> <div id="snapname"> mooncalf <br> <tt>8h ago</tt> </div> </div>
  527.  
  528. <div id="four"><img src="https://78.media.tumblr.com/f807a2fdd9a46b0d8f8cebb20fd22ee8/tumblr_inline_p89pmo2Y221srid4g_500.png"><div id="snapcap">okay srsly gonna work today</div> <div id="snapname"> mooncalf <br> <tt>9h ago</tt> </div> </div>
  529. </div>
  530.  
  531.  
  532. </div>
  533.  
  534.  
  535. <div id="connections">
  536. <h1>connections.</h1>
  537. <img align="left" src="https://78.media.tumblr.com/fa5e1d5ef06a67e172fd1ed797e72782/tumblr_inline_p8def4ckMl1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the hedonist has been trying to get the mooncalf out of their shell for months. And now that they’re in Italy, the hedonist has officially taken the mooncalf under their wing, though that might not be the best of ideas. <br> <br>
  538. <img align="right" src="https://78.media.tumblr.com/42c7789fde89449b5f5befbaa8553f28/tumblr_inline_p7ywl53o131srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the savant and the mooncalf are study buddies. The savant has a way of bringing out the mooncalf’s best attributes. Where the hedonist is a bad influence, the savant is a great one.
  539. </div>
  540.  
  541.  
  542. <div id="stats">
  543. <tt>name:</tt> up to player.<br>
  544. <tt>age:</tt> up to player.<br>
  545. <tt>major:</tt> up to player.<br>
  546. <tt>pronouns:</tt> up to player.<br>
  547. <tt>faceclaim:</tt> <b>up to player.</b>
  548. </div>
  549.  
  550. <div id="avail"> <b>MOONCALF;</b><br> someone easily influenced; a naive or foolish person. </div>
  551.  
  552. </div>
  553.  
  554. <div id="tabfive" class="tabcontent">
  555. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  556.  
  557. <div id="insta">
  558. <div id="instaicon"><img src="https://78.media.tumblr.com/10d596c997b913643c3159df38c4bd64/tumblr_inline_p8c8p9wdFh1srid4g_500.png" /></div>
  559. <div id="instahandle">@savant</div>
  560. <div id="instafollow"> unfollow </div>
  561. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  562.  
  563. <div class="feed">
  564. <li><img src="https://78.media.tumblr.com/870e9e3f506a5ff8b0e1984ca00230fb/tumblr_inline_p8c8pgOP9p1srid4g_500.png" /></li>
  565. <li><img src="https://78.media.tumblr.com/81805d1e45d94ba2dc82ceb41c8ec1bd/tumblr_inline_p8c8pkj9Ea1srid4g_500.png" /></li>
  566. </div>
  567. </div>
  568.  
  569. <div id="subtitle3">hover for snapchat story!</div>
  570. <div id="phone">
  571. <img src="https://78.media.tumblr.com/207d7860cd257bfd20a6ed5f544ab2d4/tumblr_inline_p8c8t1esfO1srid4g_500.png" />
  572.  
  573. <div class="time">08:37</div>
  574. <div class="phonebar">
  575. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  576. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  577. Verizon <i class="fa fa-wifi"></i>
  578. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  579. <i class="fa fa-lock" aria-hidden="true"></i>
  580. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  581. 54% <i class="fa fa-battery-half"></i>
  582. </div>
  583. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  584.  
  585. <div id="snapchat">
  586.  
  587. <div id="two"><img src="https://78.media.tumblr.com/d20cc52d5caea383f1a5400a6257a02d/tumblr_inline_p8c8ptmsBo1srid4g_500.png"><div id="snapcap">cleansing my guts</div> <div id="snapname"> savant <br> <tt>2h ago</tt> </div></div>
  588.  
  589. <div id="three"><img src="https://78.media.tumblr.com/824d04e764f0059a088c564a44272550/tumblr_inline_p8c8svwbzD1srid4g_500.png"><div id="snapcap">gospel!!!!</div> <div id="snapname"> savant <br> <tt>8h ago</tt> </div> </div>
  590.  
  591. <div id="four"><img src="https://78.media.tumblr.com/4ba9c9a3e7d807dc3738c03e42fc7332/tumblr_inline_p8c8rhfEf31srid4g_500.png"> <div id="snapname"> savant <br> <tt>9h ago</tt> </div> </div>
  592. </div>
  593.  
  594.  
  595. </div>
  596.  
  597.  
  598. <div id="connections">
  599. <h1>connections.</h1>
  600. <img align="left" src="https://78.media.tumblr.com/250067e58ab478749f3f7e83d5c16ab1/tumblr_inline_p8deejbhll1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> for the sovereign and the savant, being the best is something that resides on both of their minds. But there can only be one number one, so these two have become rivals when it comes to their class rank. <br> <br>
  601. <img align="right" src="https://78.media.tumblr.com/ebd9bba1786dc70fd080f4011a86eb5c/tumblr_inline_p7yv4sOqbe1srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the bellweather and the savant and glued at the hips. There’s never been a better example for the words best friends. The only obstacle ahead of them now is maintaining their closeness for the entire summer.<br> <br>
  602. <img align="left" src="https://78.media.tumblr.com/18c3ac9e12615b43902521e2270e84fa/tumblr_inline_p7yw37JgcS1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the savant and the mooncalf are study buddies. The savant has a way of bringing out the mooncalf’s best attributes. Where the hedonist is a bad influence, the savant is a great one.
  603. </div>
  604.  
  605.  
  606. <div id="stats">
  607. <tt>name:</tt> up to player.<br>
  608. <tt>age:</tt> up to player.<br>
  609. <tt>major:</tt> up to player.<br>
  610. <tt>pronouns:</tt> up to player.<br>
  611. <tt>faceclaim:</tt> <b>up to player.</b>
  612. </div>
  613.  
  614. <div id="avail"> <b>SAVANT;</b><br> a learned person, especially a distinguished scientist. </div>
  615.  
  616. </div>
  617.  
  618. <div id="tabsix" class="tabcontent">
  619. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  620.  
  621. <div id="insta">
  622. <div id="instaicon"><img src="https://78.media.tumblr.com/b8f117b4add990ab5392889e8e4a5cf5/tumblr_inline_p8d3azVas01srid4g_500.png" /></div>
  623. <div id="instahandle">@connard</div>
  624. <div id="instafollow"> unfollow </div>
  625. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  626.  
  627. <div class="feed">
  628. <li><img src="https://78.media.tumblr.com/75eaa70fe857bea755a432feca320059/tumblr_inline_p8d3aufswM1srid4g_500.png" /></li>
  629. <li><img src="https://78.media.tumblr.com/99cc0660742e808d3456ff99bb8ee2a5/tumblr_inline_p8d3anS2DL1srid4g_500.png" /></li>
  630. </div>
  631. </div>
  632.  
  633. <div id="subtitle3">hover for snapchat story!</div>
  634. <div id="phone">
  635. <img src="https://78.media.tumblr.com/f3831fc5ddddaa1eb67d715dab423cfc/tumblr_inline_p8d3bjEdew1srid4g_500.png" />
  636.  
  637. <div class="time">08:37</div>
  638. <div class="phonebar">
  639. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  640. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  641. Verizon <i class="fa fa-wifi"></i>
  642. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  643. <i class="fa fa-lock" aria-hidden="true"></i>
  644. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  645. 54% <i class="fa fa-battery-half"></i>
  646. </div>
  647. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  648.  
  649. <div id="snapchat">
  650.  
  651. <div id="two"><img src="https://78.media.tumblr.com/30b9078497966f1cd2905c10b2ac2c76/tumblr_inline_p8d3bdenct1srid4g_500.png"><div id="snapcap">italy isn't ready</div> <div id="snapname"> connard <br> <tt>1h ago</tt> </div></div>
  652.  
  653. <div id="three"><img src="https://78.media.tumblr.com/3130311cc18b10943fadb2327dd51d73/tumblr_inline_p8d3bqq84V1srid4g_500.png"><div id="snapcap">your girl says hello</div> <div id="snapname"> connard <br> <tt>3h ago</tt> </div> </div>
  654.  
  655. <div id="four"><img src="https://78.media.tumblr.com/9a73004e6adc57ad448482fe307bae0b/tumblr_inline_p8d3djVnhi1srid4g_500.png"><div id="snapcap">when in rome...</div> <div id="snapname"> connard <br> <tt>20h ago</tt> </div> </div>
  656. </div>
  657.  
  658.  
  659. </div>
  660.  
  661.  
  662. <div id="connections">
  663. <h1>connections.</h1>
  664. <img align="left" src="https://78.media.tumblr.com/250067e58ab478749f3f7e83d5c16ab1/tumblr_inline_p8deejbhll1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the connard and the sovereign were known around campus for months as the power couple of all power couples, but a few weeks before Italy they split for reasons unknown to the rest of the group. <br> <br>
  665. <img align="right" src="https://78.media.tumblr.com/6fc68fcbbc3520cbfd61343ad61abda9/tumblr_inline_p7yw3pWzm21srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the raconteur and the connard seem to go hand in hand ever since the connard became single and they’ve both been something of a wing(wo)man to the other ever since setting foot into Italy. <br> <br>
  666. <img align="left" src="https://78.media.tumblr.com/4cb32640de5387193866de5b42fea4ee/tumblr_inline_p7yv4xCH811srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the syrupy and the connard have known each other for as long as they remember. As childhood friends they find it easier to confide in each other than with others and have become a shoulder to cry on for the other.
  667. </div>
  668.  
  669.  
  670. <div id="stats">
  671. <tt>name:</tt> up to player.<br>
  672. <tt>age:</tt> up to player.<br>
  673. <tt>major:</tt> up to player.<br>
  674. <tt>pronouns:</tt> up to player.<br>
  675. <tt>faceclaim:</tt> <b>up to player.</b>
  676. </div>
  677.  
  678. <div id="avail"> <b>CONNARD;</b><br> the french word meaning 'asshole' or 'shithead'. </div>
  679.  
  680. </div>
  681.  
  682. <div id="tabseven" class="tabcontent">
  683. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  684.  
  685. <div id="insta">
  686. <div id="instaicon"><img src="https://78.media.tumblr.com/cd0e90cdd26092bd06af93bd97a16101/tumblr_inline_p8d4tjeUN91srid4g_500.png" /></div>
  687. <div id="instahandle">@reveler</div>
  688. <div id="instafollow"> unfollow </div>
  689. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  690.  
  691. <div class="feed">
  692. <li><img src="https://78.media.tumblr.com/8a97b3d1571b234af756e724fe48a368/tumblr_inline_p8d4rkT38p1srid4g_500.png" /></li>
  693. <li><img src="https://78.media.tumblr.com/0ccaa78af227d3dabfa9bac136eb05d2/tumblr_inline_p8d4nckEGi1srid4g_500.png" /></li>
  694. </div>
  695. </div>
  696.  
  697. <div id="subtitle3">hover for snapchat story!</div>
  698. <div id="phone">
  699. <img src="https://78.media.tumblr.com/c9a6f1a6a259133db5594c72e14867f1/tumblr_inline_p8d62rRS4j1srid4g_500.png" />
  700.  
  701. <div class="time">08:37</div>
  702. <div class="phonebar">
  703. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  704. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  705. Verizon <i class="fa fa-wifi"></i>
  706. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  707. <i class="fa fa-lock" aria-hidden="true"></i>
  708. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  709. 54% <i class="fa fa-battery-half"></i>
  710. </div>
  711. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  712.  
  713. <div id="snapchat">
  714.  
  715. <div id="two"><img src="https://78.media.tumblr.com/70736a387a5336e4fd8fd3f8c30a8a77/tumblr_inline_p8d5tmsTBB1srid4g_500.png"><div id="snapcap">this sandwhich is my bf now</div> <div id="snapname"> reveler <br> <tt>1h ago</tt> </div></div>
  716.  
  717. <div id="three"><img src="https://78.media.tumblr.com/732a807c45dab7a251bb910d0b60e88e/tumblr_inline_p8d5ttH5dS1srid4g_500.png"><div id="snapcap">he is beyond wasted rn</div> <div id="snapname"> reveler <br> <tt>3h ago</tt> </div> </div>
  718.  
  719. <div id="four"><img src="https://78.media.tumblr.com/f887a22bc72123e78fcf712f7f7cea83/tumblr_inline_p8d5tzRJcy1srid4g_500.png"><div id="snapcap">until you meet me</div> <div id="snapname"> reveler <br> <tt>20h ago</tt> </div> </div>
  720. </div>
  721.  
  722.  
  723. </div>
  724.  
  725.  
  726. <div id="connections">
  727. <h1>connections.</h1>
  728. <img align="left" src="https://78.media.tumblr.com/fa5e1d5ef06a67e172fd1ed797e72782/tumblr_inline_p8def4ckMl1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the reveler and the hedonist clicked almost immediately. Brought together by their love of thrill and adventure, they’ve become partners in crime. Always looking for a good time these two spell nothing but trouble. <br> <br>
  729. <img align="right" src="https://78.media.tumblr.com/4cb32640de5387193866de5b42fea4ee/tumblr_inline_p7yv4xCH811srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the reveler and the syrupy have been roommates since their freshman year. Perhaps it’s the law of attraction, but these two opposites get on without a hitch. For the most part.
  730. </div>
  731.  
  732.  
  733. <div id="stats">
  734. <tt>name:</tt> brinley hawthorne.<br>
  735. <tt>age:</tt> up to player.<br>
  736. <tt>major:</tt> up to player.<br>
  737. <tt>pronouns:</tt> she/her.<br>
  738. <tt>faceclaim:</tt> <b>alexis ren.</b>
  739. </div>
  740.  
  741. <div id="avail"> <b>REVELER;</b><br> a person who enjoys life in a lively and noisy way. </div>
  742.  
  743. </div>
  744.  
  745. <div id="tabeight" class="tabcontent">
  746. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  747.  
  748. <div id="insta">
  749. <div id="instaicon"><img src="https://78.media.tumblr.com/b292fe2f8677630ee0e1ff404edc1e16/tumblr_inline_p8dbe1AJpe1srid4g_500.png" /></div>
  750. <div id="instahandle">@raconteur</div>
  751. <div id="instafollow"> unfollow </div>
  752. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  753.  
  754. <div class="feed">
  755. <li><img src="https://78.media.tumblr.com/014c03546ea1ed3d622b17ccb203d73d/tumblr_inline_p8dc01pVU31srid4g_500.png" /></li>
  756. <li><img src="https://78.media.tumblr.com/6a7cba2326cce221e4b8221997e3cebc/tumblr_inline_p8dbdqRQof1srid4g_500.png" /></li>
  757. </div>
  758. </div>
  759.  
  760. <div id="subtitle3">hover for snapchat story!</div>
  761. <div id="phone">
  762. <img src="https://78.media.tumblr.com/c988835adf35b52e98a11ccb48519839/tumblr_inline_p8dbj3VniE1srid4g_500.png" />
  763.  
  764. <div class="time">08:37</div>
  765. <div class="phonebar">
  766. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  767. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  768. Verizon <i class="fa fa-wifi"></i>
  769. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  770. <i class="fa fa-lock" aria-hidden="true"></i>
  771. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  772. 54% <i class="fa fa-battery-half"></i>
  773. </div>
  774. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  775.  
  776. <div id="snapchat">
  777.  
  778. <div id="two"><img src="https://78.media.tumblr.com/4a97f72dd226bfa6ec57757524844dc8/tumblr_inline_p8dbgb37gG1srid4g_500.png"><div id="snapcap">so no head?</div> <div id="snapname"> raconteur <br> <tt>1h ago</tt> </div></div>
  779.  
  780. <div id="three"><img src="https://78.media.tumblr.com/39ce6c92089c7bae2257f8ad5fd6361c/tumblr_inline_p8dbivoe8X1srid4g_500.png"><div id="snapcap">werk bitch</div> <div id="snapname"> raconteur <br> <tt>3h ago</tt> </div> </div>
  781.  
  782. <div id="four"><img src="https://78.media.tumblr.com/ec39062903223412597907928491ec09/tumblr_inline_p8dbgkTOWp1srid4g_500.png"><div id="snapcap">looking like???? a snack</div> <div id="snapname"> raconteur <br> <tt>20h ago</tt> </div> </div>
  783. </div>
  784.  
  785.  
  786. </div>
  787.  
  788.  
  789. <div id="connections">
  790. <h1>connections.</h1>
  791. <img align="left" src="https://78.media.tumblr.com/ebd9bba1786dc70fd080f4011a86eb5c/tumblr_inline_p7yv4sOqbe1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the bellweather and the raconteur annoy each other to no end. For them, there’s always something to disagree on, and any time they can be in the room without bickering or pulling each other’s hair out is a rare occasion.<br> <br>
  792. <img align="right" src="https://78.media.tumblr.com/dea322ee83c723337edfc7a8dbe8a4c5/tumblr_inline_p7yw3jPmzt1srid4g_500.png" style="margin-left:10px; margin-top:5px;"> the raconteur and the connard seem to go hand in hand ever since the connard became single and they’ve both been something of a wing(wo)man to the other ever since setting foot into Italy.
  793. </div>
  794.  
  795.  
  796. <div id="stats">
  797. <tt>name:</tt> up to player.<br>
  798. <tt>age:</tt> up to player.<br>
  799. <tt>major:</tt> up to player.<br>
  800. <tt>pronouns:</tt> up to player.<br>
  801. <tt>faceclaim:</tt> <b>up to player.</b>
  802. </div>
  803. <div id="avail"> <b>RACONTEUR;</b><br> a person who is able to tell stories in an amusing way. </div>
  804.  
  805. </div>
  806.  
  807. <div id="tabnine" class="tabcontent">
  808. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  809.  
  810. <div id="insta">
  811. <div id="instaicon"><img src="https://78.media.tumblr.com/7715c746aa92de8d2eb09ac31459a982/tumblr_inline_p8dd6tPGWC1srid4g_500.png" /></div>
  812. <div id="instahandle">@sovereign</div>
  813. <div id="instafollow"> unfollow </div>
  814. <div class="instacogs"><li><i class="icon-settings"></i></li> <li><i class="icon-bell"></i></li></div>
  815.  
  816. <div class="feed">
  817. <li><img src="https://78.media.tumblr.com/dba43c1aad450f2447aa45f68c0edf85/tumblr_inline_p8dd3hdoT71srid4g_500.png" /></li>
  818. <li><img src="https://78.media.tumblr.com/b8fd4bb602ed50e60cda54b35f4591cc/tumblr_inline_p8dd3aXzSe1srid4g_500.png" /></li>
  819. </div>
  820. </div>
  821.  
  822. <div id="subtitle3">hover for snapchat story!</div>
  823. <div id="phone">
  824. <img src="https://78.media.tumblr.com/8e7229d227ee372d9a567bf6cfad730a/tumblr_inline_p8dd7lerhQ1srid4g_500.png" />
  825.  
  826. <div class="time">08:37</div>
  827. <div class="phonebar">
  828. <div class="phonedots"><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i><i class="fa fa-circle"></i></div>
  829. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  830. Verizon <i class="fa fa-wifi"></i>
  831. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  832. <i class="fa fa-lock" aria-hidden="true"></i>
  833. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  834. 54% <i class="fa fa-battery-half"></i>
  835. </div>
  836. <div class="unlock">Press home to unlock &nbsp; <i class="fa fa-angle-right"></i></div>
  837.  
  838. <div id="snapchat">
  839.  
  840. <div id="two"><img src="https://78.media.tumblr.com/d35b0753e968ab9bc0b704495c46530e/tumblr_inline_p8dd7e9CpI1srid4g_500.png"><div id="snapcap">and yet you still exhaust me</div> <div id="snapname"> sovereign <br> <tt>2h ago</tt> </div></div>
  841.  
  842. <div id="three"><img src="https://78.media.tumblr.com/04522f554305c34618c301a12c62b97c/tumblr_inline_p8dd7vO6xB1srid4g_500.png"><div id="snapcap">couldn't get enough of me</div> <div id="snapname"> sovereign <br> <tt>13h ago</tt> </div> </div>
  843.  
  844. <div id="four"><img src="https://78.media.tumblr.com/8ec4695b0646b21abdd8026907c5e1ad/tumblr_inline_p8dd77pl1n1srid4g_500.png"> <div id="snapname"> sovereign <br> <tt>22h ago</tt> </div> </div>
  845. </div>
  846.  
  847.  
  848. </div>
  849.  
  850.  
  851. <div id="connections">
  852. <h1>connections.</h1>
  853. <img align="left" src="https://78.media.tumblr.com/dea322ee83c723337edfc7a8dbe8a4c5/tumblr_inline_p7yw3jPmzt1srid4g_500.png" style="margin-right:10px; margin-top:5px;"> the connard and the sovereign were known around campus for months as the power couple of all power couples, but a few weeks before Italy they split for reasons unknown to the rest of the group. <br> <br>
  854. <img align="right" src="https://78.media.tumblr.com/42c7789fde89449b5f5befbaa8553f28/tumblr_inline_p7ywl53o131srid4g_500.png" style="margin-left:10px; margin-top:5px;"> – for the sovereign and the savant, being the best is something that resides on both of their minds. But there can only be one number one, so these two have become rivals when it comes to their class rank.
  855. </div>
  856.  
  857.  
  858. <div id="stats">
  859. <tt>name:</tt> kai kwon.<br>
  860. <tt>age:</tt> twenty.<br>
  861. <tt>major:</tt> criminal law.<br>
  862. <tt>pronouns:</tt> she/her.<br>
  863. <tt>faceclaim:</tt> <b>moon gayoung.</b>
  864. </div>
  865. <div id="avail"> <b>SOVEREIGN;</b><br> a supreme ruler, possessing supreme or ultimate power. </div>
  866.  
  867. </div>
  868.  
  869. </div>
  870. </body>
  871. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!