API tools faq
paste
Advertisement
RubySolar

WindowsXP Infinite Scroll

RubySolar
Jul 31st, 2018 (edited)
2,347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.21 KB | None | 0 0
raw download clone embed print report
  1. <!--Untitled Theme version 1.1 designed by MisterTiger (www.mistertiger.tumblr.com) for Tumblr-->
  2.  
  3. <html>
  4.      
  5.         <head>
  6.             <title>{text:BrowserTitle}</title>
  7.             <link rel="shortcut icon" href="{Favicon}">
  8.             <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.             {block:Description}
  10.                 <meta name="description" content="{MetaDescription}" />
  11.             {/block:Description}
  12.                
  13.         <meta charset="utf-8" />
  14.    
  15.     <meta name="image:Background" content="" />
  16.     <meta name="color:BackGround Color" content="" />
  17.     <meta name="font:Body Text" content="" />
  18.    
  19.     <meta name="text:My Computer" content="" />
  20.     <meta name="text:BrowserTitle" content="" />
  21.    
  22.     <meta name="if:Archive Link" content="1" />
  23.     <meta name="if:Endless Scroll" content="1" />
  24.    
  25.     <meta name="color:Link Color" content="#0645AD" />
  26.     <meta name="color:Link Hover" content="#3366BB" />
  27.     <meta name="color:Label Color" content="#FFFFFF" />
  28.     <meta name="color:Text Color" content="#3e423d" />
  29.     <meta name="color:Border Color" content="#084fbe" />
  30.    
  31.     <meta name="text:HyperLink 1" content="" />
  32.     <meta name="text:LinkTitle 1" content"" />
  33.     <meta name="text:HyperLink 2" content="" />
  34.     <meta name="text:LinkTitle 2" content"" />
  35.     <meta name="text:HyperLink 3" content="" />
  36.     <meta name="text:LinkTitle 3" content"" />
  37.     <meta name="text:HyperLink 4" content="" />
  38.     <meta name="text:LinkTitle 4" content"" />
  39.     <meta name="text:HyperLink 5" content="" />
  40.     <meta name="text:LinkTitle 5" content"" />
  41.  
  42.   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  43.   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  44.  
  45.         <style type="text/css">
  46.      
  47.         body {
  48.             font-size: 14px;
  49.             height:100%;
  50.             line-height: 125%;
  51.             padding: 0;
  52.             margin: 0;
  53.             background-size: 100% 100%;
  54.             background-attachment:fixed;
  55.             background-image: url('{image:Background}');
  56.             background-repeat:no-repeat;
  57.             background-color: {color:BackGround Color};
  58.             color: {color:Text Color};
  59.             font-family: {font:Body Text}, 'MS Sans Serif';
  60.            
  61.         }
  62.        
  63.         body::-webkit-scrollbar {
  64.             display: none;
  65.         }
  66.         a:link {text-decoration: none; color: {color:Link Color};
  67.         } /* unvisited link */
  68.         a:visited {text-decoration: none; color: {color:Link Color} ;
  69.         } /* visited link */
  70.         a:hover {text-decoration: underline; color: {color:Link Hover};
  71.         }   /* mouse over link */
  72.         a:active {text-decoration: underline; color: {color:Link Color};
  73.         }  /* selected link */
  74.        
  75.         /*Image Sprite used for Icons, Start button, and Start Menu*/
  76.         .myComputer, .askImage, .submitImage, .pageImage, .archiveImage, .start, .start:hover, .quick-start, .time, .start-menu, .caption-index, .arrow-up, .arrow-right, .arrow-left, #profile {
  77.             background-image: url("https://static.tumblr.com/7ca5bgd/JuTmz6clp/xp_icons.png");
  78.         }
  79.        
  80.        
  81.         #menu {
  82.             display: block;
  83.             width: 100px;
  84.             position: absolute;
  85.             padding: 0px;
  86.             top: 10px;
  87.             left: 10px;  
  88.         }
  89.         .icon {z-index: 4; word-wrap:break-word;}
  90.         .myComputer, .askImage, .submitImage, .pageImage, .archiveImage
  91.         {
  92.             margin: auto;
  93.             display: block;
  94.             margin-top: 10px;
  95.         }
  96.         .label, .label a, .label a:hover{
  97.             text-align: center;
  98.             text-decoration: none;
  99.             text-shadow: 1px 1px #000000;
  100.             color: {color:Label Color};
  101.         }
  102.         .myComputer {
  103.             height: 40px;
  104.             width: 40px;
  105.             background-position: 0px 0px;
  106.         }
  107.         .askImage {
  108.             height: 40px;
  109.             width: 40px;
  110.             background-position: 0px -120px;
  111.         }
  112.         .submitImage{
  113.             height: 40px;
  114.             width: 40px;
  115.             background-position: 0px -40px;
  116.         }
  117.         .pageImage {
  118.             height: 40px;
  119.             width: 40px;
  120.             background-position: 0px -160px;
  121.         }
  122.         .archiveImage {
  123.             height: 40px;
  124.             width: 40px;
  125.             background-position: 0px -80px;
  126.         }
  127.         /*----------------------------------------------*/
  128.         #wrapper-posts {
  129.             display: block;
  130.             position: relative;
  131.             top: 20px;
  132.             left: 200px;
  133.             width: 600px;
  134.             height: 90%;
  135.             overflow: auto;
  136.             padding-bottom: 40px;
  137.         }
  138.         #wrapper-posts::-webkit-scrollbar {
  139.             display: none;
  140.         }
  141.         .posts {
  142.             display: block;
  143.             -moz-box-sizing: border-box;
  144.             -webkit-box-sizing: border-box;
  145.             box-sizing: border-box;
  146.             overflow: auto;
  147.             position: relative;
  148.             width: 600px;
  149.             margin: 0px 0px 20px 0px;
  150.             padding: 25px;
  151.             border-width: 4px;
  152.             border-style: none solid solid solid;
  153.             background-color: white;
  154.             border-color: {color:Border Color};
  155.         }
  156.         .caption-index {
  157.             display: block;
  158.             margin: 0; padding: 0;
  159.             width: 600px;
  160.             height: 76px;
  161.             background-position: -41px 0px;
  162.         }
  163.         .caption {
  164.             display: block;
  165.             position: relative;
  166.             top: 56px;
  167.             width: 580px;
  168.             margin-left: 10px;
  169.         }
  170.         .caption a, .caption a:hover, .caption {
  171.             color: #3e423d; font-size: 12px; text-decoration: none;
  172.         }
  173.         .tags {
  174.             margin: -30px 0px 20px 0px;
  175.         }
  176.         /*----------------------------------------------*/
  177.         .posts .copy {
  178.             padding: 0;
  179.             margin: 0;
  180.         }
  181.         .posts blockquote {
  182.             margin-left: 20px;
  183.             padding-left: 4px;
  184.             border-left: 3px solid {color:Border Color};
  185.             min-width: 150px;
  186.         }
  187.         .posts .photo {
  188.             min-width:540px;
  189.             max-width: 545px;
  190.         }
  191.         .posts .text-title {
  192.             font-weight: bold;
  193.             font-size: 1.8em;
  194.             margin-bottom: 15px;
  195.             line-height: 105%;
  196.         }
  197.         .quote.short {
  198.             font-size: 30px;
  199.             line-height: 110%;
  200.         }
  201.         .quote.medium {
  202.             font-size: 25px;
  203.             line-height: 110%;
  204.         }
  205.         .quote.long {
  206.             font-size: 18px;
  207.             line-height: 110%;
  208.         }
  209.         .posts table, .posts table tr td {
  210.             border: 1px solid  {color:Border Color};
  211.         }
  212.         .posts .ask {
  213.             border-radius: 5px;
  214.             -moz-border-radius: 10px;
  215.             padding: 2px;
  216.             background-color: rgba(0,0,0,0.5);
  217.             color: white;
  218.             border: 2px dashed {color:Border Color};
  219.         }
  220.         /* loader-ellips
  221. ------------------------- */
  222.  
  223.         .loader-ellips {
  224.           font-size: 20px;
  225.           position: relative;
  226.           width: 4em;
  227.           height: 1em;
  228.           margin: 10px auto;
  229.           left: 150px;
  230.         }
  231.        
  232.         .loader-ellips__dot {
  233.           display: block;
  234.           width: 1em;
  235.           height: 1em;
  236.           border-radius: 0.5em;
  237.           background: #555;
  238.           position: absolute;
  239.           animation-duration: 0.5s;
  240.           animation-timing-function: ease;
  241.           animation-iteration-count: infinite;
  242.         }
  243.        
  244.         .loader-ellips__dot:nth-child(1),
  245.         .loader-ellips__dot:nth-child(2) {
  246.           left: 0;
  247.         }
  248.         .loader-ellips__dot:nth-child(3) { left: 1.5em; }
  249.         .loader-ellips__dot:nth-child(4) { left: 3em; }
  250.        
  251.         @keyframes reveal {
  252.           from { transform: scale(0.001); }
  253.           to { transform: scale(1); }
  254.         }
  255.        
  256.         @keyframes slide {
  257.           to { transform: translateX(1.5em) }
  258.         }
  259.        
  260.         .loader-ellips__dot:nth-child(1) {
  261.           animation-name: reveal;
  262.         }
  263.        
  264.         .loader-ellips__dot:nth-child(2),
  265.         .loader-ellips__dot:nth-child(3) {
  266.           animation-name: slide;
  267.         }
  268.        
  269.         .loader-ellips__dot:nth-child(4) {
  270.           animation-name: reveal;
  271.           animation-direction: reverse;
  272.         }
  273.  
  274.         .scroller-status__message {
  275.             display: none;
  276.         }
  277.         /*----------------------------------------------*/
  278.         #profile {
  279.             display: block;
  280.             position: absolute;
  281.             top: 150px; left: 850px;
  282.             height: 216px; width: 300px;
  283.             margin-right: 50px;
  284.             background-position: -336px -238px;
  285.         }
  286.         .pro-title {
  287.             display: block;
  288.             position: absolute;
  289.             top: 8px;
  290.             left: 30px;
  291.             color: rgb(255,255,255);
  292.         }
  293.         .pro-title img {
  294.             padding: 0; margin: 0;
  295.             position: absolute;
  296.             left: -24px; top: -3px;
  297.         }
  298.         .pro-description {
  299.             display: block;
  300.             position: absolute;
  301.             width: 220px; height:125px;
  302.             top: 45px; left: 60px;
  303.             overflow: auto;
  304.             word-wrap:break-word;
  305.         }
  306.         #hide {
  307.             position: absolute;
  308.             display: block;
  309.             top: 175px; left: 111px;
  310.             width: 80px; height: 23px;
  311.             background-image: url("https://static.tumblr.com/7ca5bgd/kQvmznvtl/button_ok.png");
  312.             background-position: 0px -23px;
  313.         }
  314.         #hide:hover {
  315.             background-position: 0px 0px;
  316.         }
  317.         /*---------------------------------------------*/
  318.         .notes {
  319.             display: block;
  320.             position: relative;
  321.             left: 0px;
  322.             top: -15px;
  323.             width: 500px;
  324.         }
  325.         .notes ol{
  326.             background-color: #FFF;
  327.             margin: 0; padding: 10px 46px 50px 46px;
  328.             border-width: 4px;
  329.             border-style: none solid solid solid;
  330.             border-color: {color:Border Color};
  331.         }
  332.         .pagination {
  333.             display: block;
  334.             position: relative;
  335.             top: -25px;
  336.             left: 200px;
  337.         }
  338.         .arrow-up, .arrow-right, .arrow-left {
  339.             display: block;
  340.             margin: 1px;
  341.             width: 25px;
  342.             height: 25px;
  343.             float: left;
  344.         }
  345.         .arrow-left {
  346.             background-position: -616px -76px;
  347.         }
  348.         .arrow-up {
  349.             background-position: -616px -126px;
  350.         }
  351.         .arrow-right {
  352.             background-position: -616px -101px;
  353.         }
  354.         /*---------------------------------------------*/
  355.         #submenu {
  356.             display: block;
  357.             position: fixed;
  358.             bottom: 0;
  359.             left: 0;
  360.             min-width: 100%;
  361.             width: 500px;
  362.             height: 30px;
  363.             background-image: url('https://static.tumblr.com/7ca5bgd/3Rrms4bv0/blue_menu.png');
  364.             background-repeat: repeat-x;
  365.             z-index: 5;
  366.         }
  367.         .start {
  368.             position: absolute;
  369.             top: 0;
  370.             left: 0;
  371.             width: 100px;
  372.             height: 30px;
  373.             background-position: -41px -172px;
  374.         }
  375.         .start:hover {
  376.             background-position: -41px -206px;
  377.         }
  378.         .start-menu {
  379.             display: none;
  380.             position: absolute;
  381.             bottom: 30px;
  382.             width: 334px;
  383.             height: 420px;
  384.             background-position: 0px -239px;
  385.         }
  386.         .start:hover .start-menu {display: block;}
  387.         .avi {
  388.             display: block;
  389.             position: absolute;
  390.             left: 9px;
  391.             top: 9px;
  392.         }
  393.         .start-title {
  394.             display: block;
  395.             position: absolute;
  396.             top: 18px;
  397.             left: 60px;
  398.             overflow: hidden;
  399.             width: 260px;
  400.             height: 30px;
  401.         }
  402.         .start-title a, .start-title a:hover {
  403.             color: #FFFFFF;
  404.             font-size: 20px;
  405.             text-shadow: 1px 1px #000000;
  406.             text-decoration: none;
  407.         }
  408.         .program {
  409.             display: block;
  410.             width: 160px;
  411.             height: 31px;
  412.             position: absolute;
  413.             top: 353px;
  414.             left: 2px;
  415.         }  
  416.         .program:hover {background-color:rgba(12,95,203,0.3);}
  417.         .program:hover .custlinks {
  418.             display: block;
  419.         }
  420.         .custlinks {
  421.             display: none;
  422.             position: absolute;
  423.             bottom: 0px;
  424.             left: 126px;
  425.             height: 150px;
  426.             width: 200px;
  427.             background-color: #FFF;
  428.             z-index: 7;
  429.             border-left: 4px solid #4488EE;
  430.            
  431.             font-size: 12px;
  432.             list-style: none;
  433.             margin: 0;
  434.             padding: 0;
  435.         }
  436.         .custlinks a {
  437.             display:block;
  438.             padding: 10px 0px 0px 10px;
  439.             height: 20px;
  440.         }
  441.         .custlinks a:hover {
  442.             background-color:rgba(12,95,203,0.5);
  443.             color:#FFF;
  444.             text-decoration: none;
  445.         }
  446.         .log-off {
  447.             display: block;
  448.             width: 65px;
  449.             height: 30px;
  450.             position: absolute;
  451.             top: 387px;
  452.             left: 152px;
  453.         }
  454.         .log-off:hover {background-color:rgba(12,95,203,0.3);}
  455.         .search {
  456.             display: block;
  457.             background-color: red;
  458.             position: absolute;
  459.             top: 350px;
  460.             left: 175px;
  461.         }
  462.     .input {
  463.             width: 150px;
  464.         }
  465.         .searchbox_submit {
  466.             position: absolute;
  467.             top: 0;
  468.             right: 0;
  469.         }
  470.        
  471.         .quick-start {
  472.             position: absolute;
  473.             top: 0;
  474.             left: 100px;
  475.             width:125px;
  476.             height: 30px;
  477.             background-position: -41px -138px;
  478.         }
  479.         .time {
  480.             position: absolute;
  481.             top: 0;
  482.             right: 0px;
  483.             width:88px;
  484.             height: 30px;
  485.             background-position: -41px -102px;  
  486.         }
  487.         #clock {
  488.             display: block;
  489.             color: white;
  490.             font-size: 11px;
  491.             position: relative;
  492.             top: 7px;
  493.             left: 30px;
  494.         }
  495.        
  496.         {CustomCSS}
  497.         </style>
  498.                
  499.              
  500.         </head>
  501.    
  502.      
  503.      
  504.     <body>
  505.    
  506.    
  507.     <div id="menu">
  508.         <div class="icon">
  509.             <a href="/" class="myComputer" title="Home"></a>
  510.             <div class="label"><a href="/">{text:My Computer}</a></div>
  511.         </div>
  512.         {block:AskEnabled}
  513.         <div class="icon">
  514.             <a href="/ask/" title="Ask" class="askImage"></a>
  515.             <div class="label"><a href="/ask/">{AskLabel}</a></div>
  516.         </div>
  517.         {/block:AskEnabled}
  518.         {block:SubmissionsEnabled}
  519.         <div class="icon">
  520.             <a href="/submit/" title="Submit" class="submitImage"></a>
  521.             <div class="label"><a href="/submit/">{SubmitLabel}</a></div>
  522.         </div>
  523.         {/block:SubmissionsEnabled}
  524.         {block:HasPages}
  525.             {block:Pages}
  526.             <div class="icon">
  527.                 <a href="{URL}/" class="pageImage"></a>
  528.                 <div class="label"><a href="{URL}/">{Label}</a></div>
  529.             </div>
  530.             {/block:Pages}
  531.         {/block:HasPages}
  532.         {block:IfArchiveLink}
  533.         <div class="icon">
  534.             <a href="/archive/" class="archiveImage"></a>
  535.             <div class="label"><a href="/archive/">Archive</a></div>
  536.         </div>
  537.         {/block:IfArchiveLink}
  538.     </div>    
  539.    <!--End of [icon] Menu-->
  540.    
  541.    
  542.    
  543.  
  544.     <div id="wrapper-posts">
  545.     {block:Posts}
  546.    
  547.    
  548.         {block:IndexPage}
  549.             <div class="caption-index">  
  550.                 <span class="caption">
  551.                     <a href="{Permalink}">
  552.                      Posted on {block:Date}{DayOfWeek}, {Month} {DayOfMonthWithZero}, {Year} {/block:Date}  
  553.                      {block:NoteCount}
  554.                         with
  555.                         {NoteCount}
  556.                         Notes
  557.                      {/block:NoteCount}
  558.                     </a>
  559.                 </span>
  560.             </div>
  561.         {/block:IndexPage}
  562.    
  563.    
  564.         {block:PermalinkPage}                    
  565.             <div class="caption-index">
  566.                 <span class="caption">
  567.                     <a href="{PhotoURL-HighRes}">&nbsp;High Res </a>
  568.                     {block:ContentSource}
  569.                         <a href="{SourceURL}">&nbsp;Source</a>
  570.                     {/block:ContentSource}
  571.                     {block:RebloggedFrom}
  572.                     &nbsp;VIA:<a href="{ReblogParentURL}">{ReblogParentName}  </a>
  573.                     &nbsp;Original:<a href="{ReblogRootURL}">{ReblogRootName} </a>
  574.                     {/block:RebloggedFrom}
  575.                     <a href="{ReblogURL}">&nbsp;Reblog</a>
  576.                     &nbsp;{NoteCount} Notes
  577.                 </span>
  578.             </div>
  579.         {/block:PermalinkPage}
  580.    
  581.    
  582.    
  583.    
  584.    
  585.         {block:Text}
  586.             <div class="posts">
  587.                 {block:Title}
  588.                     <div class="text-title"><a href="{Permalink}">{Title}</a></div>
  589.                 {/block:Title}
  590.                 <div class="text">{Body}</div>
  591.             </div>
  592.         {/block:Text}
  593.          
  594.          
  595.         {block:Photo}
  596.              <div class="posts">
  597.                 <a href="{Permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  598.                 {block:Caption}
  599.                     <div class="copy">{Caption}</div>
  600.                 {/block:Caption}
  601.              </div>
  602.         {/block:Photo}
  603.        
  604.        
  605.         {block:Photoset}
  606.              <div class="posts">
  607.              {Photoset-500}
  608.              
  609.              {block:Caption}
  610.                 <div class="copy">{Caption}</div>
  611.              {/block:Caption}
  612.              </div>
  613.         {/block:PhotoSet}
  614.        
  615.        
  616.         {block:Quote}
  617.             <div class="posts">
  618.                 <div class="quote {Length}">"{Quote}"</div>
  619.                 {block:Source}
  620.                     <br />- {Source}
  621.                 {/block:Source}
  622.             </div>
  623.         {/block:Quote}
  624.        
  625.        
  626.         {block:Link}
  627.             <div class="posts">
  628.                 <div class="text-title">
  629.                 <a href="{URL}" {Target}>{Name}</a>
  630.                 </div>
  631.                 {block:Description}
  632.                 <div class="copy">{Description}</div>
  633.                 {/block:Description}
  634.             </div>
  635.         {/block:Link}
  636.        
  637.        
  638.         {block:Chat}
  639.             <div class="posts">
  640.                 {block:Title}
  641.                 <div class="text-title">{Title}</div>
  642.                 {/block:Title}
  643.                
  644.                 <table>
  645.                     {block:Lines}
  646.                              <tr>
  647.                              {block:Label}
  648.                                 <td>{Label}</td>
  649.                              {/block:Label}
  650.                                 <td>{Line}</td>
  651.                             </tr>
  652.                     {/block:Lines}
  653.                 </table>
  654.             </div>
  655.         {/block:Chat}
  656.        
  657.        
  658.         {block:Audio}
  659.             <div class="posts">
  660.                 {AudioPlayerBlack}
  661.  
  662.                 {block:Caption}
  663.                     <div class="copy">{Caption}</div>
  664.                 {/block:Caption}
  665.             </div>
  666.         {/block:Audio}
  667.  
  668.  
  669.         {block:Video}
  670.             <div class="posts">
  671.                 {Video-500}
  672.  
  673.                 {block:Caption}
  674.                     <div class="copy">{Caption}</div>
  675.                 {/block:Caption}
  676.             </div>
  677.         {/block:Video}
  678.  
  679.  
  680.         {block:Answer}
  681.             <div class="posts">
  682.                     <div class="ask">
  683.                         {Question}
  684.                     </div>
  685.                     - <span style="font-size: 11px;">{Asker}</span>
  686.                 <div class="answer">
  687.                 <blockquote>{Answer}</blockquote>
  688.                 </div>
  689.                
  690.             </div>
  691.         {/block:Answer}
  692.        
  693.         {block:Panorama}
  694.             <div class="posts">
  695.                 {LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />{LinkCloseTag}
  696.            
  697.                 {block:Caption}
  698.                     {Caption}
  699.                 {/block:Caption}
  700.                
  701.              
  702.             </div>
  703.         {/block:Panorama}
  704.  
  705.  
  706.         {block:PostNotes}
  707.             <div class="notes">
  708.                 {PostNotes}
  709.             </div>
  710.         {/block:PostNotes}
  711.        
  712.         {block:HasTags}
  713.             <span class="posts tags">
  714.                 {block:Tags}
  715.                   #<a href="{TagURL}">{Tag}</a>
  716.                 {/block:Tags}
  717.             </span>
  718.         {/block:HasTags}
  719.     {/block:Posts}
  720.    
  721.     </div>
  722.     <!--End of wrapper-posts-->
  723.    
  724.     <div class="pagination">
  725.         {block:PreviousPage}
  726.             <a href="{PreviousPage}" class="arrow-left"></a>
  727.         {/block:PreviousPage}
  728.         <a href="#" class="arrow-up"></a>
  729.         {block:NextPage}
  730.         <a href="{NextPage}" class="arrow-right"></a>
  731.         {/block:NextPage}
  732.     </div>
  733.    
  734.     {block:IfEndlessScroll}
  735.     <!-- Loading dots from https://infinite-scroll.com -->
  736.    <div class="scroller-status">
  737.       <div class="loader-ellips infinite-scroll-request">
  738.         <span class="loader-ellips__dot"></span>
  739.         <span class="loader-ellips__dot"></span>
  740.         <span class="loader-ellips__dot"></span>
  741.         <span class="loader-ellips__dot"></span>
  742.       </div>
  743.      
  744.       <p class="scroller-status__message infinite-scroll-error">.</p>
  745.     </div>
  746.     <!--End of Posts-->
  747.    
  748.     <!-- Endless scroll example https://codepen.io/velopert/pen/grRAbQ
  749.    https://stackoverflow.com/questions/6271237/
  750.    -->
  751.     <script>
  752.         //hide pagination
  753.         $(".pagination").hide();
  754.        
  755.         let page = 2;
  756.         let blog = '{BlogURL}'+'page/';
  757.        
  758.        $(window).scroll(function() {
  759.     if ($(window).scrollTop() == $(document).height() - $(window).height()) {
  760.             console.log(blog + page);
  761.             //display load dots
  762.            
  763.            $("<div>").load(blog + page +" #wrapper-posts", function( response, status, xhr) {
  764.                 let newposts = $(this).find("#wrapper-posts").html();
  765.                 if(!newposts.trim()) {
  766.                     //console.log("No new posts" + newposts);
  767.                     //show status no new posts
  768.                    
  769.                     //hide dots, show pagination
  770.                     $(".loader-ellips").hide();
  771.                     $(".pagination").show();
  772.                 }
  773.                 else {
  774.                     //append new posts
  775.                      $("#wrapper-posts").append(newposts);
  776.                      page++;
  777.                 }
  778.                
  779.             });
  780.         } //if reach end of page load new one
  781.     });
  782.     </script>
  783.     {/block:IfEndlessScroll}
  784.    
  785.  
  786.     <div id="profile">
  787.         <div class="pro-title">
  788.             <img src="{PortraitURL-24}" alt="icon" width="20"/> {Title}
  789.         </div>
  790.         <div class="pro-description">
  791.             {Description}
  792.         </div>
  793.        
  794.         <div id="hide"></div>
  795.     </div>
  796.    
  797.     <script>
  798.     $(document).ready(function(){
  799.         $("#hide").click(function(){
  800.             $("#profile").hide();
  801.             });
  802.     });
  803.    
  804.       $( function() {
  805.         $(".icon").draggable();
  806.       } );
  807.     </script>
  808.  
  809. <!------------------------------------------------------ -->
  810.     <div id="submenu">
  811.    
  812.         <div class="start">
  813.             <div class="start-menu">
  814.                 <a href="/">
  815.                 <img src="{PortraitURL-40}" class="avi" alt="{Title}"/>
  816.                 </a>
  817.                 <span class="start-title"><a href="/">{Title}</a></span>
  818.                 <div class="program">
  819.                     <div class="custlinks">
  820.                    
  821.                     <a href="{text:HyperLink 1}">{text:LinkTitle 1}</a>
  822.                     <a href="{text:HyperLink 2}">{text:LinkTitle 2}</a>
  823.                     <a href="{text:HyperLink 3}">{text:LinkTitle 3}</a>
  824.                     <a href="{text:HyperLink 4}">{text:LinkTitle 4}</a>
  825.                     <a href="{text:HyperLink 5}">{text:LinkTitle 5}</a>
  826.                    
  827.                     </div>
  828.                 </div>
  829.                
  830.                 <a class="log-off" href="https://www.tumblr.com/dashboard">
  831.                 </a>
  832.                 <div class="search">
  833.                     <form action="/search" method="get">
  834.                     <input type="text" name="q" value="{SearchQuery}" class="input"/>
  835.                  
  836.                     </form>
  837.                 </div>
  838.             </div>  
  839.         </div>
  840.        
  841.         <div class="quick-start"></div>
  842.         <div class="time"><span id="clock">&nbsp;</span></div>
  843.         <script type="text/javascript">
  844.         <!--function updateClock ( )
  845.        {var currentTime = new Date ( );
  846.        var currentHours = currentTime.getHours ( );
  847.        var currentMinutes = currentTime.getMinutes ( );
  848.        currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  849.        var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
  850.        currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
  851.        currentHours = ( currentHours == 0 ) ? 12 : currentHours;
  852.        var currentTimeString = currentHours + ":" + currentMinutes + "" + timeOfDay;
  853.        document.getElementById("clock").firstChild.nodeValue = currentTimeString;
  854.        }
  855.        </script>
  856.    </div>
  857.    <!--End of Sub Menu-->
  858.    
  859.    
  860.     </body>
  861.     </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!