Advertisement
Guest User

Untitled

a guest
Jul 21st, 2016
173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.67 KB | None | 0 0
  1. localhost@gaD ~ % irb
  2. 2.2.1 :001 > require 'mechanize'
  3. => true
  4. 2.2.1 :002 > agent = Mechanize.new
  5. => #<Mechanize:0x007f88fbbb0d10 @agent=#<Mechanize::HTTP::Agent:0x007f88fbbb0bd0 @allowed_error_codes=[], @conditional_requests=true, @context=#<Mechanize:0x007f88fbbb0d10 ...>, @content_encoding_hooks=[], @cookie_jar=#<Mechanize::CookieJar:0x007f88fbbb0ab8 @store=#<HTTP::CookieJar::HashStore:0x007f88fbb73e88 @mon_owner=nil, @mon_count=0, @mon_mutex=#<Mutex:0x007f88fbb73de8>, @logger=nil, @gc_threshold=150, @jar={}, @gc_index=0>>, @follow_meta_refresh=false, @follow_meta_refresh_self=false, @gzip_enabled=true, @history=[], @ignore_bad_chunking=false, @keep_alive=true, @max_file_buffer=100000, @open_timeout=nil, @post_connect_hooks=[], @pre_connect_hooks=[], @read_timeout=nil, @redirect_ok=true, @redirection_limit=20, @request_headers={}, @robots=false, @user_agent="Mechanize/2.7.4 Ruby/2.2.1p85 (http://github.com/sparklemotion/mechanize/)", @webrobots=nil, @auth_store=#<Mechanize::HTTP::AuthStore:0x007f88fbb73aa0 @auth_accounts={}, @default_auth=nil>, @authenticate_parser=#<Mechanize::HTTP::WWWAuthenticateParser:0x007f88fbb73938 @scanner=nil>, @authenticate_methods={}, @digest_auth=#<Net::HTTP::DigestAuth:0x007f88fbb73708 @mon_owner=nil, @mon_count=0, @mon_mutex=#<Mutex:0x007f88fbb736b8>, @nonce_count=-1>, @digest_challenges={}, @pass=nil, @scheme_handlers={"http"=>#<Proc:0x007f88fbb733c0@/Users/localhost/.rvm/gems/ruby-2.2.1/gems/mechanize-2.7.4/lib/mechanize/http/agent.rb:174 (lambda)>, "https"=>#<Proc:0x007f88fbb733c0@/Users/localhost/.rvm/gems/ruby-2.2.1/gems/mechanize-2.7.4/lib/mechanize/http/agent.rb:174 (lambda)>, "relative"=>#<Proc:0x007f88fbb733c0@/Users/localhost/.rvm/gems/ruby-2.2.1/gems/mechanize-2.7.4/lib/mechanize/http/agent.rb:174 (lambda)>, "file"=>#<Proc:0x007f88fbb733c0@/Users/localhost/.rvm/gems/ruby-2.2.1/gems/mechanize-2.7.4/lib/mechanize/http/agent.rb:174 (lambda)>}, @http=#<Net::HTTP::Persistent:0x007f88fbb73398 @name="mechanize", @debug_output=nil, @proxy_uri=nil, @no_proxy=[], @headers={}, @override_headers={}, @http_versions={}, @keep_alive=300, @open_timeout=nil, @read_timeout=nil, @idle_timeout=5, @max_requests=nil, @socket_options=[[6, 1, 1]], @generation_key=:net_http_persistent_mechanize_generations, @ssl_generation_key=:net_http_persistent_mechanize_ssl_generations, @request_key=:net_http_persistent_mechanize_requests, @timeout_key=:net_http_persistent_mechanize_timeouts, @certificate=nil, @ca_file=nil, @private_key=nil, @ssl_version=nil, @verify_callback=nil, @verify_mode=1, @cert_store=nil, @generation=1, @ssl_generation=1, @reuse_ssl_sessions=true, @retry_change_requests=false, @ruby_1=false, @retried_on_ruby_2=true>>, @log=nil, @watch_for_set=nil, @history_added=nil, @pluggable_parser=#<Mechanize::PluggableParser:0x007f88fbb72588 @parsers={"text/html"=>Mechanize::Page, "application/xhtml+xml"=>Mechanize::Page, "application/vnd.wap.xhtml+xml"=>Mechanize::Page, "image"=>Mechanize::Image, "text/xml"=>Mechanize::XmlFile, "application/xml"=>Mechanize::XmlFile}, @default=Mechanize::File>, @keep_alive_time=0, @proxy_addr=nil, @proxy_port=nil, @proxy_user=nil, @proxy_pass=nil, @html_parser=Nokogiri::HTML, @default_encoding=nil, @force_default_encoding=false>
  6. 2.2.1 :003 > r = agent.get('http://alvarotrigo.com/fullPage')
  7. => #<Mechanize::Page
  8. {url #<URI::HTTP http://alvarotrigo.com/fullPage/>}
  9. {meta_refresh}
  10. {title "fullPage.js One Page Scroll sections Site Plugin"}
  11. {iframes}
  12. {frames}
  13. {links
  14. #<Mechanize::Page::Link
  15. "Fork me on GitHub"
  16. "https://github.com/alvarotrigo/fullPage.js">
  17. #<Mechanize::Page::Link "Star" "https://github.com/alvarotrigo/fullpage.js">
  18. #<Mechanize::Page::Link "Tweet" "https://twitter.com/share">
  19. #<Mechanize::Page::Link "First section" "#firstPage">
  20. #<Mechanize::Page::Link "Second section" "#secondPage">
  21. #<Mechanize::Page::Link "Third section" "#3rdPage">
  22. #<Mechanize::Page::Link "Fourth section" "#4thpage">
  23. #<Mechanize::Page::Link
  24. "Download"
  25. "https://github.com/alvarotrigo/fullpage.js/archive/master.zip">
  26. #<Mechanize::Page::Link
  27. "Donations will be appreciated!"
  28. "https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=fullPage%2ejs&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted">
  29. #<Mechanize::Page::Link "" "http://www.browserstack.com/">
  30. #<Mechanize::Page::Link "Wordpress theme" "https://goo.gl/HuFudq">
  31. #<Mechanize::Page::Link
  32. "Download"
  33. "https://github.com/alvarotrigo/fullPage.js/archive/master.zip">
  34. #<Mechanize::Page::Link "Examples" "#">
  35. #<Mechanize::Page::Link "Scroll Bar Enabled" "examples/scrollBar.html">
  36. #<Mechanize::Page::Link "Normal scrolling" "examples/normalScroll.html">
  37. #<Mechanize::Page::Link "Continuous vertical" "examples/continuous.html">
  38. #<Mechanize::Page::Link
  39. "Without anchor links (same URL)"
  40. "examples/noAnchor.html">
  41. #<Mechanize::Page::Link
  42. "Vertical navigation dots"
  43. "examples/navigationV.html">
  44. #<Mechanize::Page::Link
  45. "Horizontal navigation dots"
  46. "examples/navigationH.html">
  47. #<Mechanize::Page::Link "Responsive" "examples/responsive.html">
  48. #<Mechanize::Page::Link "Full backgrounds" "examples/backgrounds.html">
  49. #<Mechanize::Page::Link
  50. "Full background videos"
  51. "examples/videoBackground.html">
  52. #<Mechanize::Page::Link "Auto-height sections" "examples/autoHeight.html">
  53. #<Mechanize::Page::Link
  54. "Gradient backgrounds"
  55. "examples/gradientBackgrounds.html">
  56. #<Mechanize::Page::Link
  57. "Scrolling inside sections and slides"
  58. "examples/scrolling.html">
  59. #<Mechanize::Page::Link
  60. "Adding fixed header and footer"
  61. "examples/fixedHeaders.html">
  62. #<Mechanize::Page::Link "One single section" "examples/oneSection.html">
  63. #<Mechanize::Page::Link "Animations on scrolling" "examples/apple.html">
  64. #<Mechanize::Page::Link "Callbacks" "examples/callbacks.html">
  65. #<Mechanize::Page::Link "Functions and methods" "examples/methods.html">
  66. #<Mechanize::Page::Link
  67. "Documentation"
  68. "https://github.com/alvarotrigo/fullPage.js#fullpagejs">
  69. #<Mechanize::Page::Link "Contact" "http://alvarotrigo.com/#contact-page">}
  70. {forms}>
  71.  
  72. 2.2.1 :004 > puts r.body
  73. <!DOCTYPE html>
  74. <html xmlns="http://www.w3.org/1999/xhtml">
  75.  
  76. <head>
  77. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  78. <title>fullPage.js One Page Scroll sections Site Plugin</title>
  79. <meta name="author" content="Alvaro Trigo Lopez" />
  80. <meta name="description" content="fullPage plugin by Alvaro Trigo. Create fullscreen pages fast and simple. One page scroll sections jquery plugin. Mouse snap." />
  81. <meta name="keywords" content="fullpage,jquery,alvaro,trigo,plugin,fullscren,screen,full,iphone5,snap,snapping,apple,scroll,sections" />
  82. <meta name="viewport" content="width=device-width,initial-scale=1">
  83. <meta property="og:title" content="fullPage scroll snapping. Create full screen pages fast and simple">
  84. <meta property="og:type" content="website">
  85. <meta property="og:description" content="fullPage plugin by Alvaro Trigo. Mouse wheel snap to sections. Fast and simple to use.">
  86. <meta property="og:image" content="https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/intro.png">
  87. <meta property="og:url" content="http://alvarotrigo.com/fullPage/">
  88. <meta name="Resource-type" content="Document" />
  89. <link rel="stylesheet" type="text/css" href="jquery.fullpage.min.css" />
  90. <style>
  91. #examplesList,caption,th{text-align:left}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}#download a,#fullPage-nav li a,#menu li a,a{text-decoration:none}#download,#download:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.section,.wrap{position:relative}table{border-spacing:0}abbr,acronym,fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}strong{font-weight:700}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;color:#444}q:after,q:before{content:''}body{font-family:arial,helvetica;color:#333;color:rgba(0,0,0,.5);background-color:#1BBC9B}body,html{overflow:hidden}#fullpage,.section,body,html{height:100%}.wrap{margin-left:auto;margin-right:auto;width:960px}h1{font-size:6em}p{font-size:2em}.section{text-align:center}#github-stars-button,.twitter-share-button{position:fixed!important;z-index:99;right:149px}#menu li{display:inline-block;margin:10px;color:#000;background:#fff;background:rgba(255,255,255,.5);-webkit-border-radius:10px;border-radius:10px}#menu li.active{background:#666;background:rgba(0,0,0,.5);color:#fff}#menu li a,#menu li.active a:hover{color:#000}#donations a:hover,#download,#menu li.active a{color:#fff}#menu li:hover{background:rgba(255,255,255,.8)}#menu li a,#menu li.active a{padding:9px 18px;display:block}#examplesList ul,#menu{padding:0}#examplesList ul li a:hover,#infoMenu{color:#f2f2f2}#menu{position:fixed;top:0;left:0;height:40px;z-index:70;width:100%;margin:0}#usedBy{background-image:url(imgs/used-by-fullpage.png?v=2);margin:50px auto 0;display:block;height:127px;width:402px}#section0 img,#section1 img{margin:20px 0 0}#section2 img{margin:20px 0 0 52px}#section3 img{bottom:0;position:absolute;margin-left:-420px}.intro p{width:50%;margin:0 auto;font-size:1.5em}.twitter-share-button{top:9px}#github-stars-button{top:35px;width:60px;height:20px}#fullPage-nav{position:absolute;z-index:100;margin-top:-32px;top:50%;opacity:1}#fullPage-nav li{display:block;width:14px;height:13px;margin:7px}#fullPage-nav li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer}#fullPage-nav li .active span{background:#333}#fullPage-nav span{top:2px;left:2px;width:8px;height:8px;border:1px solid #000;background:rgba(0,0,0,0);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;z-index:1}#download{margin:10px 0 0;padding:15px 10px;background-color:#49afcd;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(top,#5bc0de,#2f96b4);background-repeat:repeat-x;border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;vertical-align:middle;cursor:pointer;display:inline-block;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}#download a{color:#fff}#download:hover{background-color:#2F96B4;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-ms-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}#infoMenu{height:20px;position:fixed;z-index:70;bottom:0;width:100%;text-align:right;font-size:.9em;padding:8px 0}#infoMenu ul{padding:0}#infoMenu li a{display:block;margin:0 22px 0 0;color:#333}#infoMenu li a:hover{text-decoration:underline}#infoMenu li{display:inline-block;position:relative}#examplesList{display:none;background:#282828;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:20px;float:left;position:absolute;bottom:29px;right:0;width:662px}#examplesList ul li{display:block;margin:5px 0}#examplesList ul li a{color:#BDBDBD;margin:0}#examplesList .column{float:left;margin:0 20px 0 0}#examplesList h3{color:#f2f2f2;font-size:1.2em;margin:0 0 15px;border-bottom:1px solid rgba(0,0,0,.4);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:0 1px 0 rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.1);padding:0 0 5px}#donations a{color:#333;color:rgba(0,0,0,.5);font-size:80%}#supportedBy{position:absolute;left:30px;bottom:30px;z-index:101}#supportedBy a img{display:block;margin:0;border:0}#supportedBy div{margin:0 0 4px;display:block;font-size:13px;text-align:left}#section0 #logo{max-width:282px}@media screen and (max-height:770px){#section0 #logo{max-width:250px!important;height:auto!important}#section0 #usedBy{padding:10px 0 0;height:60px;width:398px;margin-top:40px;background-size:cover}#section3 img{bottom:-67px}}@media screen and (max-height:680px){#section0 #usedBy{margin-top:15px;height:41px;width:308px;background-size:cover}#section0 #logo{max-width:200px!important;height:auto!important}#section3 img{bottom:-100px}}@media screen and (max-height:580px){#section0 #logo{max-width:150px!important;height:auto!important}h1{font-size:4.5em}#donations a{font-size:57%}#section3 img{bottom:-180px}.intro p{font-size:1.1em}}@media screen and (max-height:480px){#usedBy{display:none}}@media all and (max-width:900px){#usedBy{padding:0}}@media all and (max-width:890px){#twitter-widget-0{left:20px;top:63px}#github-stars-button{left:20px;top:98px}#section3 img{margin:0 auto;left:0;max-width:600px;height:auto!important;right:0}#section1 #slidersImg{max-width:462px;height:auto!important}#menu li{margin:5px}#menu li a,#menu li.active a{padding:9px 12px}}@media all and (max-width:650px){#menu{z-index:9999}#menu li{margin:3px}#menu li a,#menu li.active a{padding:9px 12px}#section3 img{margin:0 auto;left:0;max-width:450px;height:auto!important;right:0}#section2 img{margin:20px 0 0}.intro p{font-size:1.1em}#usedBy{width:310px!important;height:46px!important;background-size:cover!important;background-repeat:no-repeat}}@media all and (max-width:580px){#menu li a,#menu li.active a{padding:8px 11px;font-size:13px}#supportedBy{display:none}#section1 #slidersImg,#section2 #easyToUse{max-width:350px;height:auto!important}.intro p{width:75%}h1{font-size:2.7em}#infoMenu{text-align:center}#infoMenu ul{display:inline-block;padding:0}#infoMenu li a{margin:0 10px 0 0}}@media all and (max-width:480px){#section3 img{margin:0 auto;left:0;max-width:300px;height:auto!important;right:0}#github-stars-button,#twitter-widget-0{display:none}}@media all and (max-width:450px){#menu{display:none}.intro p{font-size:1em}#infoMenu{bottom:21px}}@media screen and (max-width:890px) and (max-height:680px){#section3 img{bottom:-50px}}@media screen and (max-width:650px) and (max-height:680px){#section3 img{bottom:0}}@media screen and (max-width:580px) and (max-height:580px){#section3 img{bottom:-50px}}@media screen and (max-width:500px) and (max-height:500px){#section3 img{bottom:0}}
  92. </style>
  93.  
  94.  
  95. <!--[if IE]>
  96. <script type="text/javascript">
  97. var console = { log: function() {} };
  98. </script>
  99. <![endif]-->
  100.  
  101. </head>
  102. <body>
  103. <a class="fork-me-band" href="https://github.com/alvarotrigo/fullPage.js"><img style="position: fixed;z-index:99; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png" alt="Fork me on GitHub"></a>
  104.  
  105. <div id="github-stars-button">
  106. <a class="github-button" href="https://github.com/alvarotrigo/fullpage.js" data-icon="octicon-star" data-count-href="/alvarotrigo/fullpage.js/stargazers" data-count-api="/repos/alvarotrigo/fullpage.js#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star alvarotrigo/fullpage.js on GitHub">Star</a>
  107. </div>
  108.  
  109. <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alvarotrigo.com/fullPage/" data-text="Great plugin to create fullscreen scrolling websites: http://alvarotrigo.com/fullPage/">Tweet</a>
  110. <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>
  111.  
  112. <ul id="menu">
  113. <li data-menuanchor="firstPage" class="active"><a href="#firstPage">First section</a></li>
  114. <li data-menuanchor="secondPage"><a href="#secondPage">Second section</a></li>
  115. <li data-menuanchor="3rdPage"><a href="#3rdPage">Third section</a></li>
  116. <li data-menuanchor="4thpage"><a href="#4thpage">Fourth section</a></li>
  117. </ul>
  118.  
  119. <div id="fullpage">
  120.  
  121. <div class="section active" id="section0">
  122. <h1>fullPage.js</h1>
  123. <h2>Create Beautiful Fullscreen Scrolling Websites</h2>
  124. <div id="download"><a href="https://github.com/alvarotrigo/fullpage.js/archive/master.zip">Download</a></div><br />
  125. <img src="imgs/fullPage.png" alt="fullPage" height="243" width="282" id="logo" />
  126. <p id="donations">
  127. <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=BEK5JQCQMED4J&lc=GB&item_name=fullPage%2ejs&currency_code=USD&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted">Donations will be appreciated!</a>
  128. </p>
  129.  
  130. <div id="usedBy"></div>
  131.  
  132. <div id="supportedBy">
  133. <div>Supported by:</div>
  134. <a href="http://www.browserstack.com/"><img src="http://wallpapers-for-ipad.com/fullpage/imgs3/logos/browserstack2.png" /></a>
  135. </div>
  136.  
  137. </div>
  138. <div class="section" id="section1">
  139. <div class="slide active">
  140. <div class="intro">
  141. <h1>Create Sliders</h1>
  142. <p>Not only vertical scrolling but also horizontal scrolling. With fullPage.js you will be able to add horizontal sliders in the most simple way ever.</p>
  143. <img data-src="imgs/slider.png" alt="slider" height="132" width="662" id="slidersImg" />
  144. </div>
  145.  
  146. </div>
  147. <div class="slide">
  148. <div class="intro">
  149. <img data-src="imgs/1.png" alt="simple" height="176" width="176" />
  150. <h1>Simple</h1>
  151. <p>Easy to use. Configurable and customizable.</p>
  152. </div>
  153. </div>
  154. <div class="slide">
  155. <div class="intro">
  156. <img data-src="imgs/2.png" alt="Cool" height="176" width="176" />
  157. <h1>Cool</h1>
  158. <p>It just looks cool. Impress everybody with a simple and modern web design!</p>
  159. </div>
  160. </div>
  161. <div class="slide">
  162. <div class="intro">
  163. <img data-src="imgs/3.png" alt="Compatible" height="176" width="176" />
  164. <h1>Compatible</h1>
  165. <p>Working in modern and old browsers too! It's not IE 8 users' fault having to use that horrible browser! Lets give them a chance to see your site in a proper way!</p>
  166. </div>
  167. </div>
  168. </div>
  169. <div class="section" id="section2">
  170. <div class="intro">
  171. <h1>Easy to use plugin</h1>
  172. <p>HTML markup example to define 4 sections.</p>
  173. <img data-src="imgs/example2.png" alt="example" height="154" width="494" id="easyToUse" />
  174. </div>
  175. </div>
  176. <div class="section" id="section3">
  177. <div class="intro">
  178. <h1>Working On Tablets</h1>
  179. <p>
  180. Designed to fit different screen sizes as well as tablet and mobile devices.
  181. <br /><br /><br /><br /><br /><br />
  182. </p>
  183. </div>
  184. <img data-src="imgs/tablets.png" alt="tablets" height="372" width="843" />
  185. </div>
  186. </div>
  187.  
  188. <div id="infoMenu">
  189. <ul>
  190. <li><a href="https://goo.gl/HuFudq">Wordpress theme</a></li>
  191. <li><a href="https://github.com/alvarotrigo/fullPage.js/archive/master.zip">Download</a></li>
  192. <li>
  193. <a href="#" id="showExamples">Examples</a>
  194. <div id="examplesList">
  195. <div class="column">
  196. <h3>Navigation</h3>
  197. <ul>
  198. <li><a href="examples/scrollBar.html">Scroll Bar Enabled</a></li>
  199. <li><a href="examples/normalScroll.html">Normal scrolling</a></li>
  200. <li><a href="examples/continuous.html">Continuous vertical</a></li>
  201. <li><a href="examples/noAnchor.html">Without anchor links (same URL)</a></li>
  202. <li><a href="examples/navigationV.html">Vertical navigation dots</a></li>
  203. <li><a href="examples/navigationH.html">Horizontal navigation dots</a></li>
  204. </ul>
  205. </div>
  206. <div class="column">
  207. <h3>Design</h3>
  208. <ul>
  209. <li><a href="examples/responsive.html">Responsive</a></li>
  210. <li><a href="examples/backgrounds.html">Full backgrounds</a></li>
  211. <li><a href="examples/videoBackground.html">Full background videos</a></li>
  212. <li><a href="examples/autoHeight.html">Auto-height sections</a></li>
  213. <li><a href="examples/gradientBackgrounds.html">Gradient backgrounds</a></li>
  214. <li><a href="examples/scrolling.html">Scrolling inside sections and slides</a></li>
  215. <li><a href="examples/fixedHeaders.html">Adding fixed header and footer</a></li>
  216. <li><a href="examples/oneSection.html">One single section</a></li>
  217. </ul>
  218. </div>
  219. <div class="column">
  220. <h3>Other</h3>
  221. <ul>
  222. <li><a href="examples/apple.html">Animations on scrolling</a></li>
  223. <li><a href="examples/callbacks.html">Callbacks</a></li>
  224. <li><a href="examples/methods.html">Functions and methods</a></li>
  225. </ul>
  226. </div>
  227. </div>
  228.  
  229. </li>
  230. <li><a href="https://github.com/alvarotrigo/fullPage.js#fullpagejs">Documentation</a></li>
  231. <li><a href="http://alvarotrigo.com/#contact-page">Contact</a></li>
  232. </ul>
  233. </div>
  234.  
  235. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  236. <script type="text/javascript" src="jquery.fullPage.min.js"></script>
  237. <script type="text/javascript">
  238. $(document).ready(function() {
  239. $('#fullpage').fullpage({
  240. sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
  241. anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', 'lastPage'],
  242. menu: '#menu',
  243. css3: true,
  244. scrollingSpeed: 1000
  245. });
  246.  
  247. $('#showExamples').click(function(e){
  248. e.stopPropagation();
  249. e.preventDefault();
  250. $('#examplesList').toggle();
  251. });
  252.  
  253. $('html').click(function(){
  254. $('#examplesList').hide();
  255. });
  256. });
  257. </script>
  258. <script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>
  259. </body>
  260. </html>
  261. => nil
  262. 2.2.1 :005 >
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement