Gooey Menu animation is done purely with css.
The inspiration comes from Soheil's post on Material Up called "Material In a Liquid State".
A Pen by Matthew Sechrest on CodePen.
| $('sup[data-footnote]').each(function(index) { | |
| noteCount = $(this).html(); | |
| $(this).html('<a id="ref' + noteCount + '" href="#note' + noteCount + '">' + noteCount + '</a>'); | |
| $('#footnotes li').eq(noteCount - 1).attr('id', 'note' + noteCount).prepend('<a href="#ref' + noteCount + '">' + noteCount + '.</a> '); | |
| }); |
| (function ($) { | |
| $.fn.footnote = function () { | |
| // console.log("footnote"); | |
| var footnotes = this.find("span.footnote"); | |
| footnotes.each(function (key, value) { | |
| //console.log("footnote" + key + " : " + $(value).contents().text()); | |
| var footnoteContentsNode = $(value).clone(); | |
| var footnoteNumberTextNode = document.createTextNode("[" + key + "] "); | |
| $("#references").append(footnoteNumberTextNode).append(footnoteContentsNode).css("color", "blue").append("<br />"); | |
| $(value).text("[" + key + "] ").css("color", "blue").css("vertical-align", "super").css("font-size", "60%"); |
| /*************************************************** | |
| * Simple and elegant, no code complexity | |
| * Disadvantages: Requires warming all data into server memory (could take a long time for MBs of data or millions of records) | |
| * (This disadvantage should go away as we add optimizations to the core product) | |
| ***************************************************/ | |
| var fb = firebase.database.ref(); | |
| /** | |
| * @param {string} emailAddress |
| <section> | |
| <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It | |
| has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> | |
| <p>It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of <b>Lorem Ipsum</b>.</p> | |
| <a href="https://en.wikipedia.org/wiki/Lorem_ipsum">Lorem Ipsum Wikipedia Link</a> | |
| </section> | |
| <section> | |
| <p>This <span class="small-u">lorem ipsum</span> should not be hilighted.</p> | |
| </section> | |
| <ul> |
| #fullpage | |
| .section.one | |
| h1 Here's a great | |
| h2 tagline to read | |
| .section.two | |
| h1 Oh look, another phrase | |
| h2 to stand out | |
| .section.three | |
| h1 Finally, this is the | |
| h2 last slide |
| <div class='line-through'> | |
| <h1>Branchy</h1> | |
| </div> | |
| <a href='#'>About</a> | |
| <a href='#'>Contribute</a> | |
| <a href='#'>Archives</a> | |
| <div class='line-through' style='margin-top:10em;'> |
| /* | |
| * script to export data in all sheets in the current spreadsheet as individual csv files | |
| * files will be named according to the name of the sheet | |
| * author: Michael Derazon | |
| */ | |
| function onOpen() { | |
| var ss = SpreadsheetApp.getActiveSpreadsheet(); | |
| var csvMenuEntries = [{name: "export as csv files", functionName: "saveAsCSV"}]; | |
| ss.addMenu("csv", csvMenuEntries); |
| <?php | |
| /* | |
| One wp-config for local development to staging to production. | |
| */ | |
| // Define Environments | |
| $environments = array( |