API tools faq
paste
Advertisement
SingularityUtopia

Singularity Utopia Website TEMPLATE

SingularityUtopia
Jul 2nd, 2014
274
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.05 KB | None | 0 0
raw download clone embed print report
  1. WebSITE Template I've nearly finished creating.
  2.  
  3. Please give me a credit if you want to use it.
  4.  
  5. <!DOCTYPE html>
  6. <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" itemscope itemtype="http://schema.org/Article" xmlns:og="http://ogp.me/ns/article#">
  7.  
  8. <head>
  9. <title>TITLE HERE</title>
  10.  
  11. <link href='IMAGE LINK' rel='image_src' alt="NAME"/>
  12. <link href="IMAGE LINK" rel="image_src" alt="NAME"/>
  13.  
  14. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  15.  
  16. <meta property="og:image:type" content="image/png" />
  17. <meta property="og:image" content="IMAGE LINK" alt="Regenerative Medicine Cell" />
  18. <meta property="og:title" content="Regenerative Medicine Info via Singularity 2045." />
  19. <meta property="og:description" content="Describing things descriptive description here. WTF is it all about?" />
  20. <meta property="og:type" content="article">
  21. <meta property="article:author" content="https://plus.google.com/+SingularityUtopia">
  22.  
  23. <meta itemprop="image" content="IMAGE LINK" alt="Regenerative Medicine Cell">
  24. <meta itemprop="name" content="Regenerative Medicine Info via Singularity 2045.">
  25. <meta itemprop="description" content="Describing things descriptive description here. WTF is it all about?">
  26.  
  27.  
  28. <meta name="description" content="Regenerative Medicnine Info via Singularity 2045">
  29. <meta name="author" content="Singularity Utopia">
  30. <meta name="robots" content="index,follow">
  31.  
  32. <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
  33.  
  34. <style type="text/css">
  35.  
  36. html
  37.  
  38. {background-color: #F5F1F0;
  39.  
  40.  
  41. }
  42.  
  43. a:link {color: blue;text-decoration:underline;}
  44. a:hover {color: red;text-decoration:none;}
  45. a:visited {color: #A30083;}
  46. a {outline: none;}
  47.  
  48. ::-moz-selection {text-shadow: white 0px 0px 1px; background: #CDEDCA; color: #000;}
  49. ::selection {text-shadow: white 0px 0px 1px; background: #CDEDCA; color: #000;}
  50.  
  51.  
  52. .quote-b {
  53.  
  54. color: #570224;
  55. font-family: Georgia;
  56. line-height: 1.3;
  57. font-size: 16pt;
  58. font-style: italic;
  59. margin: 0px;
  60. background: none repeat scroll 0% 0% #E9E9E9;
  61. border: 1px dashed #A5AFC3;
  62. padding: 17px 25px;
  63. border-radius: 6px 20px 20px;
  64. width:880px;
  65.  
  66. }
  67.  
  68. .gp_style_box {
  69.  
  70. line-height:0;
  71. background: #EDE8E8;
  72. border-radius: 1px 1px 7px 7px;
  73. border: 1px solid #D6CECE;
  74. box-shadow: #DEDCE3 0px 14px 19px -11px, inset white 0px 0px 0px 1px;
  75. margin: 0px auto 25px 0px;
  76. padding: 10px;
  77. width: 440px;
  78.  
  79. }
  80.  
  81. .topper {
  82.  
  83.  
  84. margin: -10px auto 44px auto;
  85. text-align: center;
  86. width: 965px;
  87.  
  88. text-decoration:none;
  89.  
  90. }
  91.  
  92.  
  93.  
  94. .atopper {
  95.  
  96. padding: 5px 25px 5px 25px;
  97. background: lightgrey;
  98. font-size: 14pt;
  99. border: 1px solid #C2BCBD !important;
  100. font-family: Arial;
  101. border-radius: 5px;
  102. text-decoration:none;
  103. transition: all 0.15s ease-in-out;
  104.  
  105. }
  106.  
  107.  
  108. .atopper:active {border:none; box-shadow:none;outline:none; box-shadow: yellow 0px 0px 33px 10px !important;}
  109. .atopper:focus {border:none; box-shadow:none; outline:none;}
  110.  
  111. .atopper:hover {
  112.  
  113. background: #FCEAB1;
  114. padding: 5px 28px 5px 28px;
  115. border: 1px solid #DBAC86 !important;
  116. text-decoration:none;
  117.  
  118. }
  119.  
  120. .bodystyle {
  121.  
  122. box-shadow: 0px 2px #D5D6E0, 0px 0px 1px 0px white, 0px 0px 3px #E5E3E8, 0px 0px 10px #DCDCE0;
  123. border-radius:5px 5px 6px 6px;
  124. background:white;
  125. margin-left:auto;
  126. margin-right:auto;
  127. margin-top:28px;
  128. border: 1px solid #C4C9CF;
  129. font-family: arial;
  130. font-size:12pt;
  131. text-align:justify;
  132. line-height:2.4;
  133. width:965px;
  134. padding-bottom:30px;
  135.  
  136. }
  137.  
  138. .great_code_su {
  139.  
  140. margin-left:auto;
  141. margin-right:auto;
  142. width:965px;
  143. padding: 0px:
  144.  
  145. }
  146.  
  147. .mysource {
  148.  
  149. font-size:12pt;
  150. font-family:courier;
  151. font-weight: normal;
  152. color: #404040 !important;
  153. text-decoration:none !important;
  154.  
  155. }
  156.  
  157. .mysource:hover {
  158.  
  159. border-bottom: 1px dashed red !important;
  160. color: red !important;
  161.  
  162. }
  163.  
  164.  
  165. .homecol {
  166.  
  167. cursor:pointer;
  168. background: #E0E4FF;
  169. border-radius: 2px 2px 8px 8px;
  170. border: 1px solid #92BDF0;
  171. color: #268CFF !important;
  172. font-size: 16pt;
  173. font-family: arial;
  174. float: right;
  175. position: relative;
  176. font-style: normal !important;
  177. margin: -9px 37px 0px auto;
  178. padding: 6px 13px 5px 13px !important;
  179. box-shadow: inset white 0px 0px 0px 1px, 0px 2px 3px #E8E4E1;
  180. text-shadow: white 0px 1px 1px;
  181. transition: all 0.5s ease-in-out;
  182. text-align:center;
  183. text-decoration:none !important;
  184. cursor:pointer;
  185. line-height: 1.4 !important;
  186.  
  187. }
  188.  
  189. .homecol:hover {border-radius: 12px; background: #E0ECFF; color: #002AE3 !important; text-decoration:none; cursor:pointer;}
  190. .homecol:visited {color: #5D67D9; text-decoration:none ; cursor:pointer;}
  191.  
  192.  
  193. .plusposthigh {
  194.  
  195. border-radius: 4px;
  196. background: #E1EFE5;
  197. padding: 1px 4px 1px 4px;
  198. colour: blue;
  199. transition: all 0.4s ease-in-out;
  200.  
  201. }
  202.  
  203. .plusposthigh:hover {
  204.  
  205. border-radius: 5px;
  206. background: white;
  207. colour: red;
  208. text-decoration: none;
  209.  
  210. }
  211.  
  212.  
  213. .suboxed {
  214.  
  215. font-family: verdana;
  216. word-spacing:4px;
  217. font-size:18pt;
  218. border:1px solid #90B9A2;
  219. padding: 24px 0px 26px 37px;
  220. position: relative;
  221. width:auto;
  222. margin: 32px 67px 28px 67px;
  223. border-radius: 4px;
  224. background: #D3E3DD;
  225. box-shadow: inset #E1EDE9 0px 0px 1px 1px, #E6E3E1 0px 1px;
  226. line-height: 1;
  227. transition: all 1s ease-in-out;
  228. color: #232323;
  229. font-style:italic;
  230. }
  231.  
  232. .suboxed:hover {border-radius: 20px;}
  233.  
  234.  
  235. .subox {
  236.  
  237. font-family:"verdana";
  238. font-size:29pt;
  239. border-color: #C2BFB8;
  240. border-width: 1px;
  241. border-style: solid;
  242. padding: 27px 0px 35px 37px;
  243. position: relative;
  244. width:auto;
  245. word-spacing: 2px;
  246. margin: 0px 67px 21px 67px;
  247. border-radius: 4px 4px 5px 5px;
  248. background: #EBE9E6;
  249. box-shadow: inset white 0px 0px 1px 1px, #E6E3E1 0px 1px;
  250. line-height: 1.4;
  251. transition: all 1s ease-in-out;
  252.  
  253. }
  254.  
  255. .subox:hover {border-radius: 8px 8px 19px 19px; text-shadow: 0px 0px 60px red; background: #FAF1DC; cursor:crosshair;}
  256.  
  257.  
  258. .ar {
  259.  
  260. float: right;
  261. font-size: 49pt;
  262. font-family: georgia;
  263. font-style: italic;
  264. color: #D6D1CB;
  265. padding: 0px 17px 0px 0px;
  266. margin-top: -18px;
  267. transition: all 0.5s ease-in-out;
  268.  
  269. }
  270.  
  271. .ar:hover {color: #CCC3C2; text-shadow: 0px 0px 90px #FF87CD; cursor: crosshair;}
  272.  
  273.  
  274. .centbut {text-align:center; margin: 0 0 40px 0;}
  275.  
  276. .cent {
  277.  
  278. text-align: center;
  279. padding: 39px 30px 39px 30px;
  280. border-radius: 8px;
  281. border: 1px solid #ABA5A1;
  282. margin-top:9px;
  283. margin-bottom:54px;
  284. background: #CCC2BC;
  285. margin-left:auto;
  286. margin-right:auto;
  287. width:669px;
  288. box-shadow: #96908C 0px 1px, #D4D4D9 0px 6px 40px;
  289.  
  290. }
  291.  
  292. .centplus {
  293.  
  294. text-align: center;
  295. padding: 0px;
  296. background: #CCC2BC;
  297. margin-left:auto;
  298. margin-right:auto;
  299. margin-bottom:15px;
  300. width:965px;
  301.  
  302. }
  303.  
  304. .maintext {
  305.  
  306. padding:35px 69px 40px 69px;
  307.  
  308. }
  309.  
  310. .caption {
  311.  
  312. font-size: 10pt;
  313. line-height:1.5;
  314. padding:20px;
  315. margin: 0px 0px -15px 0px;
  316. border: 1px solid lightgrey;
  317. background: #F5F5F7;
  318.  
  319. }
  320.  
  321. .picture {
  322.  
  323. float: left;
  324. margin: 14px 40px 0px 0px;
  325. border:1px solid #C5C8D1;
  326. border-radius:6px;
  327. box-shadow: lightgrey 4px 4px 9px;
  328.  
  329. }
  330.  
  331.  
  332. </style>
  333.  
  334.  
  335.  
  336. <!-- twitter
  337.  
  338. <div style="margin-left:auto;margin-right:auto; width:965px;">
  339. <a href="https://twitter.com/intent/tweet?screen_name=2045singularity" class="twitter-mention-button" data-size="small" data-related="2045singularity">Tweet to @2045singularity</a>
  340. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  341. </div>
  342.  
  343. -->
  344.  
  345.  
  346. </head>
  347.  
  348. <a name="bigthink"></a>
  349.  
  350.  
  351. <div class="bodystyle">
  352.  
  353.  
  354.  
  355. <!-- SU INTRO HEADER TAGLINE -->
  356.  
  357.  
  358. <div class="suboxed">
  359.  
  360. <a class="homecol" href="http://singularity-2045.org" title="S45 Home">Singularity 2045</a>
  361.  
  362. Correcting Flawed Intelligence
  363. </div>
  364.  
  365.  
  366. <!-- SU HEADER ARTICLE TTLE, PAGE TITLE, SITE TITLE -->
  367.  
  368. <div class="subox">
  369.  
  370.  
  371.  
  372.  
  373. <div style="width:570px;">
  374. God is a Flicking Moron
  375.  
  376. </div>
  377.  
  378. </div>
  379.  
  380.  
  381. <!-- ARROW
  382.  
  383. <div class="ar">
  384. &#x25BC;
  385. </div>
  386.  
  387. -->
  388.  
  389.  
  390.  
  391. <!-- ADDTHIS BUTTON -->
  392.  
  393.  
  394.  
  395. <div style="margin: 0px 50px 0px 67px;">
  396.  
  397. <script type="text/javascript">
  398. var addthis_config = {data_use_cookies:false}</script> <div class="addthis_toolbox addthis_default_style">
  399. <a class="addthis_counter addthis_pill_style" addthis:title="#Singularity #RegenerativeMedicine" addthis:description="Immortality"></a>
  400. </div>
  401. <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5174ed8f2a525770#async=1"></script>
  402. </div>
  403.  
  404.  
  405.  
  406. <!-- main text width below -->
  407.  
  408. <div class="maintext">Futile flunky flock flunking. Silly sick slug sucking duck. Gormless blobby glob God dog. This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video.
  409.  
  410. <br><br>
  411.  
  412. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate? This is a modified HHS archive page. It developed into something greater. I added an FDA link about stem cells, then a Big Think video. Finally I added 14 G+ posts regarding regenerative medicine, thereby creating a handy summary up to May 2014. Now we can ask: was HHS forecasting accurate?
  413. <br><br>
  414.  
  415. <div class="caption">Pakistani Shiite Muslims participate in ritual self-flagellation during a religious procession held ahead of Ashura on the ninth day of Muharram in Islamabad on November 14, 2013. Ashura mourns the death of Imam Hussein, a grandson of the Prophet Mohammed, who was killed by armies of the Yazid near Karbala in 680 AD. AFP PHOTO / AAMIR QURESHI / Getty Images.</div>
  416. <br>
  417.  
  418.  
  419.  
  420. <div style="background-color:#fff; display:inline-block font-family:'Helvetica Neue',Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:594px;min-width:300px;"><div style="overflow:hidden;position:relative;height:0;padding:66.666667% 0 49px 0;width:100%;"><iframe src="http://embed.gettyimages.com/embed/187967326?et=C1AEWxAiTfFSGvrGWHrgJg&ContextMore=on&sig=PMa8sMr_UuYJzRXj0A-llY2-vnvf3tUCdKQdUGPIxHo=" width="594" height="445" scrolling="no" frameborder="0" style="display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;"></iframe></div><p style="margin:0;"></p><div style="padding:0;margin:4px 0 0 10px;text-align:left;"><a href="http://www.gettyimages.com/detail/187967326" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">#187967326</a> / <a href="http://www.gettyimages.com" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">gettyimages.com</a></div></div>
  421.  
  422. <br>
  423. Peter piper
  424.  
  425. </div></div>
  426.  
  427.  
  428. <br>
  429.  
  430. <div style="margin-top:40px;"></div>
  431.  
  432.  
  433.  
  434. <!-- video killed the radio star
  435.  
  436.  
  437. <a name="video"></a>
  438. <div class="cent">
  439. <iframe width="640" height="420" src="https://www.youtube-nocookie.com/embed/WTnqV0Lvx2Y" frameborder="0" allowfullscreen></iframe>
  440. </div>
  441. <br>
  442.  
  443. -->
  444.  
  445.  
  446. <!-- JUMP TO TOP FOR VIDEO
  447.  
  448. <div style="float: left; margin-top: 0px; width: 100%;">
  449. <div class="topper"><a class="atopper" href="#bigthink" title="Jump to page top.">TOP</a></div>
  450. </div>
  451.  
  452. -->
  453.  
  454.  
  455.  
  456.  
  457.  
  458. <a name="gplus_posts"></a>
  459. <div class="centplus">
  460. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/114822617931706904248/posts/RcWQBGGB3Dw"></div></div>
  461. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/114822617931706904248/posts/D7JcyvNfLvQ"></div></div>
  462.  
  463. </div>
  464.  
  465.  
  466.  
  467.  
  468. <!-- the end div above is plus posts - more plus posts options below
  469.  
  470.  
  471.  
  472. <div style="float: left; margin-bottom: 10px; margin-top: 10px; width: 100%;">
  473.  
  474. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/SZQoUcb8Dcp"></div></div>
  475. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/Hu3RWr9v8C5"></div></div>
  476.  
  477. </div>
  478.  
  479. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  480.  
  481. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/eHRK1e4uW1X"></div></div>
  482. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/jdiBpETXjA3"></div></div>
  483.  
  484. </div>
  485.  
  486. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  487.  
  488. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/fHtCiriX51N"></div></div>
  489. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/hL2Qd9VxDQL"></div></div>
  490.  
  491. </div>
  492.  
  493. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  494.  
  495. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/6dSA99eeiCv"></div></div>
  496. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/b1mEkWXBR69"></div></div>
  497.  
  498. </div>
  499.  
  500. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  501.  
  502. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/JZQvBFH8hkA"></div></div>
  503. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/6rDjMi35c9k"></div></div>
  504.  
  505. </div>
  506.  
  507. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  508.  
  509. <div class="gp_style_box" style="float:left;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/Wdmwv8JtDmY"></div></div>
  510. <div class="gp_style_box" style="float:right;"><div class="g-post" data-href="https://plus.google.com/112564607617850290297/posts/B1ZhaUit1FZ"></div></div>
  511.  
  512. </div>
  513.  
  514.  
  515. </div>
  516.  
  517. PLUS POSTS EXTRAS END -->
  518.  
  519.  
  520.  
  521. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;"></div>
  522. <div style="float: left; margin-bottom: 10px; margin-top: 0px; width: 100%;">
  523.  
  524. <div class="great_code_su">
  525. <div class="centbut"><a class="atopper" href="#bigthink" title="Jump to page top.">TOP</a></div>
  526. </div>
  527.  
  528.  
  529.  
  530. <div class="great_code_su">
  531. <a class="mysource" href="http://singularity-2045.org/" title="S45 Home">Singularity 2045</a>
  532. </div>
  533. <br> </div>
  534. </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!