Streaming live at 10am (PST)

How to embed files hosted on Github


#1

1a. Get embeddable link from any github resource.

  • Open file in a new tab
  • Click on “Raw”

1b. Change URL of raw file

  • Change URL from raw.github.com or raw.githubusercontent.com to cdn.rawgit.com
    (VERY IMPORTANT OR SCRIPT WON’T WORK!!!)
  • Copy changed URL

See also:

How to host text files on Github

Also, feel free to contact me for further code help and/or customization of third-party plugins


How to host text files on Github
JS, CSS & HTML - Where to put each one?
[Mini-Tutorial] How to Integrate Typed.js in Webflow
Typed js. not working anymore!
Can I build this in Webflow without custom code?
Increase HTML embed character limit
Create a Bootstrap website using Webflow Designer + (one line of custom code)
How to display contents of text file
Reproducing the template page carousel
FormAssembly Form HTML Embed - Over 10,000 Characters
Slick Slider with Webflow CMS?
Embed HTML 10,000 characters
SVG line animation generator
Scrolling page transition
How can I add custom UI widgets to a Webflow page/form?
Jribbble.min.js integration help
Zuck.js & Webflow!
Any reason why same code would work on testing server but not on production?
Can i add java script function to webflow forms for validating text fields
Adding <table> tags to Rich Text
Count up integration to webflow
Huge SVG Animation (Github embed) - CSS/JS not working
Embedding Code from GitHub
Animated Background Code Needed
Character Count is too low for SVG File
Geographic triggers
Adding Grain effect with JS
Fullpage.js broke across multiple sites
Custom Code Embed Issue - More than 20,000 CSS characters
Plopping existing css/js files for a visualization on selected page
Problems integrating Facebook albums
How to check if Github javascript is running properly before implementing in webflow
Headroom js - (solved)
Countup.js embed
Interaction linked to % of scrolling
Integrate code from codepen
Countup.js embed
#2

2a. Embed it in your project (JavaScript/CSS)

  • If it is a .js file,

<script src="https://cdn.rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.min.js"></script>

  • If it is a .css file,

<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/alvarotrigo/fullPage.js/master/jquery.fullPage.css" />

  • Paste it in Site Settings > Custom Code > Footer Code OR
    Page Settings > Custom Code > Footer Code

2a1. If your jQuery plugin has additional options, follow their documentation and put additional custom code after the above.

  • If you need help with further plugin customization or advanced usage, feel free to contact me at http://webflowexpert.com

2b. Embed it in your project (HTML)

  • If it is a document file (like .html or .txt or .xml), you need to use jQuery to insert the content.

      <div id="ajaxContent"></div>
      <script>
      var Webflow = Webflow || [];
      Webflow.push(function() {
        $.get('https://cdn.rawgit.com/alvarotrigo/fullPage.js/master/examples/simple.html', function(data) {
          $('#ajaxContent').append(data);
        });
      });
      </script>
    
  • Paste it in an embed code component. If you have multiple, append numbers at the end of ajaxContent on line 1 and 6.

  • Do note that JavaScript in the file will not be executed unless you know what to do.


SVG Code is 21k chars. Work around to embed?
Trying To Build Github Project On Webflow
#3

Thanks for this @samliew!

Super helpful, I owe you one!

:v:


#4

Hey! I’m trying this out right now to embed an Avvo badge on a clients site and I just can’t figure it out.

Here is the js file I’ve made >>

    <!DOCTYPE HTML>

<HTML>

<head>

<script type="text/javascript">

<a rel="me" target="_blank" href="https://www.avvo.com/attorneys/76209-tx-amanda-dickson-1952853.html"><svg class="avvo-badge" id="js-avvo-badge-client-reviews" style="enable-background:new 0 0 275.179 203.341; height: 120px; width: 155px;" version="1.1" viewbox="0 0 275.179 203.341" x="0px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" y="0px"><style type="text/css">@font-face{font-family:'Circular-Bold';src:url("https://assets.avvo.com/avvo-ui/0.20.5/fonts/avvo_ui/circular/circular_bold.woff") format("woff")}.avvo-badge .st0{fill:#153860 !important}.avvo-badge .st1{fill:#010101 !important}.avvo-badge .st2{fill:#15467A !important}.avvo-badge .st3{fill:#FFFFFF !important}.avvo-badge .st4{fill:none !important}.avvo-badge .st5{fill:#F89838 !important}.avvo-badge .st6{fill:#ED514C !important}.avvo-badge .st7{font-family:'Circular-Bold', Avenir Next, Avenir, Century Gothic, sans-serif !important;font-weight:bold !important}.avvo-badge .st8{font-size:20px !important}.avvo-badge .st9{letter-spacing:-1px !important}.avvo-badge .st10{font-family:'Circular-Bold', Avenir Next, Avenir, Century Gothic, sans-serif !important;font-size:14px}.avvo-badge .st11{font-size:65px !important}.avvo-badge .st12{text-anchor:middle !important}.avvo-badge .st13{fill:#969696 !important}.avvo-badge .st14{display:none !important}</style><g><g><polygon class="st0" points="82.655,160.901 1.475,160.901 20.49,143.612 1.475,126.104 82.655,126.104"></polygon><polygon class="st1" points="82.671,160.89 32.659,146.284 32.659,111.486 82.671,126.092"></polygon></g><g><polygon class="st2" points="192.694,160.901 273.873,160.901 254.858,143.612 273.873,126.104 192.694,126.104"></polygon><polygon class="st0" points="192.694,160.901 273.873,160.901 254.858,143.612 273.873,126.104 192.694,126.104"></polygon><polygon class="st1" points="192.677,160.89 242.688,146.284 242.688,111.486 192.677,126.092"></polygon></g><g><path class="st3" d="M137.675,198.484c-53.21,0-96.5-43.29-96.5-96.5c0-53.21,43.29-96.5,96.5-96.5c53.21,0,96.5,43.29,96.5,96.5 C234.175,155.194,190.885,198.484,137.675,198.484z"></path><path class="st2" d="M137.675,9.484c51.086,0,92.5,41.414,92.5,92.5s-41.414,92.5-92.5,92.5s-92.5-41.414-92.5-92.5 S86.588,9.484,137.675,9.484 M137.675,1.484c-55.416,0-100.5,45.084-100.5,100.5s45.084,100.5,100.5,100.5 s100.5-45.084,100.5-100.5S193.091,1.484,137.675,1.484L137.675,1.484z"></path></g><rect class="st2" height="34.841" width="210.276" x="32.536" y="111.465"></rect><path id="SVGID_x5F_123_x5F_" class="st4" d="M38.116,133.593h194.795"></path><text class="st3 st10 st12" x="50%" y="134" style="font-size: 14px !important;">Amanda Vollmer Dickson</text><g><path class="st2" d="M158.292,173.384c3.209,0,5.847-2.572,5.847-5.803c0-3.253-2.638-5.825-5.847-5.825 c-3.231,0-5.869,2.572-5.869,5.825C152.423,170.812,155.061,173.384,158.292,173.384 M130.42,173.339 c5.122,0,9.035-6.33,9.298-11.408h-3.781c-0.418,3.275-1.472,5.605-2.858,6.77c-0.11,0.11-0.176,0.044-0.176-0.044l-0.505-6.726 h-3.715l0.989,10.837C129.717,173.208,130.069,173.339,130.42,173.339 M142.708,173.339c5.121,0,9.034-6.33,9.297-11.408h-3.78 c-0.418,3.275-1.473,5.605-2.858,6.77c-0.11,0.11-0.176,0.044-0.176-0.044l-0.506-6.726h-3.715l0.989,10.837 C142.004,173.208,142.356,173.339,142.708,173.339 M122.068,162.964c0.11-0.11,0.219-0.088,0.219,0.044l0.33,4.418h-4.265 C119.628,165.492,120.969,163.91,122.068,162.964 M158.27,170.042c-1.297,0-2.352-1.055-2.352-2.462    c0-1.407,1.056-2.484,2.352-2.484c1.297,0,2.374,1.077,2.374,2.484C160.644,168.987,159.567,170.042,158.27,170.042 M123.057,173.273h4.088l-1.275-14.419c-0.044-0.593-0.484-0.769-1.231-0.682c-5.056,0.616-11.298,9.012-13.43,15.101h4.11 c0.33-0.879,0.725-1.758,1.165-2.594h6.374L123.057,173.273z"></path></g><g><g><g><g><path class="st5" d="M90.586,66.735c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874c-0.136-0.293-0.311-0.44-0.525-0.44 c0,0,0,0,0,0c-0.214,0-0.389,0.147-0.525,0.44l-2.41,3.874l-5.377,0.782c-0.4,0.064-0.6,0.228-0.6,0.492 c0,0.15,0.089,0.322,0.268,0.515l3.899,3.792l-0.921,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.113,0.38 c0.075,0.103,0.187,0.156,0.337,0.156c0.129,0,0.271-0.043,0.428-0.129l4.809-2.527l0,0l4.809,2.527 c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156c0.075-0.104,0.112-0.231,0.112-0.38 c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792C90.493,67.064,90.586,66.893,90.586,66.735z"></path><path class="st3" d="M88.162,67.392c0-0.192-0.146-0.312-0.437-0.358l-3.914-0.569l-1.754-2.82 c-0.099-0.213-0.226-0.32-0.382-0.32c0,0,0,0,0,0c-0.156,0-0.283,0.107-0.382,0.32l-1.754,2.82l-3.914,0.569 c-0.291,0.047-0.437,0.166-0.437,0.358c0,0.109,0.065,0.234,0.195,0.375l2.838,2.76l-0.671,3.899 c-0.011,0.073-0.016,0.125-0.016,0.156c0,0.109,0.027,0.201,0.082,0.277c0.054,0.075,0.136,0.113,0.246,0.113 c0.094,0,0.197-0.032,0.312-0.094l3.501-1.84l0,0l3.501,1.84c0.109,0.063,0.213,0.094,0.312,0.094 c0.104,0,0.183-0.038,0.238-0.113c0.054-0.075,0.082-0.168,0.082-0.277c0-0.068-0.003-0.12-0.008-0.156l-0.671-3.899l2.83-2.76 C88.094,67.631,88.162,67.506,88.162,67.392z"></path></g></g><g><g id="js-avvo-review-star-1-1952853"><path class="st5" d="M81.188,61.587l-2.434,3.874l-5.43,0.782c-0.404,0.064-0.606,0.228-0.606,0.492 c0,0.15,0.09,0.322,0.27,0.515l3.938,3.792l-0.93,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.114,0.38 c0.075,0.103,0.189,0.156,0.341,0.156c0.13,0,0.274-0.043,0.433-0.129l4.857-2.527V61.148 C81.502,61.148,81.325,61.295,81.188,61.587z"></path><path class="st5" d="M86.484,77.018c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156 c0.075-0.104,0.112-0.231,0.112-0.38c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792 c0.185-0.186,0.278-0.357,0.278-0.515c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0v13.343l0,0L86.484,77.018z"></path></g></g></g><g><g><g><path class="st5" d="M118.586,66.735c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0c-0.214,0-0.389,0.147-0.525,0.44l-2.41,3.874l-5.377,0.782 c-0.4,0.064-0.6,0.228-0.6,0.492c0,0.15,0.089,0.322,0.268,0.515l3.899,3.792l-0.921,5.356c-0.015,0.1-0.022,0.171-0.022,0.214 c0,0.149,0.038,0.276,0.113,0.38c0.075,0.103,0.187,0.156,0.337,0.156c0.129,0,0.271-0.043,0.428-0.129l4.809-2.527l0,0 l4.809,2.527c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156c0.075-0.104,0.112-0.231,0.112-0.38 c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792C118.493,67.064,118.586,66.893,118.586,66.735z"></path><path class="st3" d="M116.161,67.392c0-0.192-0.146-0.312-0.437-0.358l-3.914-0.569l-1.754-2.82 c-0.099-0.213-0.226-0.32-0.382-0.32c0,0,0,0,0,0c-0.156,0-0.283,0.107-0.382,0.32l-1.754,2.82l-3.914,0.569 c-0.291,0.047-0.437,0.166-0.437,0.358c0,0.109,0.065,0.234,0.195,0.375l2.838,2.76l-0.671,3.899 c-0.011,0.073-0.016,0.125-0.016,0.156c0,0.109,0.027,0.201,0.082,0.277c0.054,0.075,0.136,0.113,0.246,0.113 c0.094,0,0.197-0.032,0.312-0.094l3.501-1.84l0,0l3.501,1.84c0.109,0.063,0.213,0.094,0.312,0.094 c0.104,0,0.183-0.038,0.238-0.113c0.054-0.075,0.082-0.168,0.082-0.277c0-0.068-0.003-0.12-0.008-0.156l-0.671-3.899l2.83-2.76 C116.094,67.631,116.161,67.506,116.161,67.392z"></path></g></g><g><g id="js-avvo-review-star-2-1952853"><path class="st5" d="M109.21,61.587l-2.434,3.874l-5.43,0.782c-0.404,0.064-0.606,0.228-0.606,0.492 c0,0.15,0.09,0.322,0.27,0.515l3.938,3.792l-0.93,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.114,0.38 c0.075,0.103,0.189,0.156,0.341,0.156c0.13,0,0.274-0.043,0.433-0.129l4.857-2.527V61.148 C109.524,61.148,109.347,61.295,109.21,61.587z"></path><path class="st5" d="M114.506,77.018c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156 c0.075-0.104,0.112-0.231,0.112-0.38c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792 c0.185-0.186,0.278-0.357,0.278-0.515c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0v13.343l0,0L114.506,77.018z"></path></g></g></g><g><g><g><path class="st5" d="M146.586,66.735c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0c-0.214,0-0.389,0.147-0.525,0.44l-2.41,3.874l-5.377,0.782 c-0.4,0.064-0.6,0.228-0.6,0.492c0,0.15,0.089,0.322,0.268,0.515l3.899,3.792l-0.921,5.356c-0.015,0.1-0.022,0.171-0.022,0.214 c0,0.149,0.038,0.276,0.113,0.38c0.075,0.103,0.187,0.156,0.337,0.156c0.129,0,0.271-0.043,0.428-0.129l4.809-2.527l0,0 l4.809,2.527c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156c0.075-0.104,0.112-0.231,0.112-0.38 c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792C146.493,67.064,146.586,66.893,146.586,66.735z"></path><path class="st3" d="M144.161,67.392c0-0.192-0.146-0.312-0.437-0.358l-3.914-0.569l-1.754-2.82 c-0.099-0.213-0.226-0.32-0.382-0.32c0,0,0,0,0,0c-0.156,0-0.283,0.107-0.382,0.32l-1.754,2.82l-3.914,0.569 c-0.291,0.047-0.437,0.166-0.437,0.358c0,0.109,0.065,0.234,0.195,0.375l2.838,2.76l-0.671,3.899 c-0.011,0.073-0.016,0.125-0.016,0.156c0,0.109,0.027,0.201,0.082,0.277c0.054,0.075,0.136,0.113,0.246,0.113 c0.094,0,0.197-0.032,0.312-0.094l3.501-1.84l0,0l3.501,1.84c0.109,0.063,0.213,0.094,0.312,0.094 c0.104,0,0.183-0.038,0.238-0.113c0.054-0.075,0.082-0.168,0.082-0.277c0-0.068-0.003-0.12-0.008-0.156l-0.671-3.899l2.83-2.76 C144.094,67.631,144.161,67.506,144.161,67.392z"></path></g></g><g><g id="js-avvo-review-star-3-1952853"><path class="st5" d="M137.21,61.587l-2.434,3.874l-5.43,0.782c-0.404,0.064-0.606,0.228-0.606,0.492 c0,0.15,0.09,0.322,0.27,0.515l3.938,3.792l-0.93,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.114,0.38 c0.075,0.103,0.189,0.156,0.341,0.156c0.13,0,0.274-0.043,0.433-0.129l4.857-2.527V61.148 C137.524,61.148,137.348,61.295,137.21,61.587z"></path><path class="st5" d="M142.506,77.018c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156 c0.075-0.104,0.112-0.231,0.112-0.38c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792 c0.185-0.186,0.278-0.357,0.278-0.515c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0v13.343l0,0L142.506,77.018z"></path></g></g></g><g><g><g><path class="st5" d="M174.586,66.735c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0c-0.214,0-0.389,0.147-0.525,0.44l-2.41,3.874l-5.377,0.782 c-0.4,0.064-0.6,0.228-0.6,0.492c0,0.15,0.089,0.322,0.268,0.515l3.899,3.792l-0.921,5.356c-0.015,0.1-0.022,0.171-0.022,0.214 c0,0.149,0.038,0.276,0.113,0.38c0.075,0.103,0.187,0.156,0.337,0.156c0.129,0,0.271-0.043,0.428-0.129l4.809-2.527l0,0 l4.809,2.527c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156c0.075-0.104,0.112-0.231,0.112-0.38 c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792C174.493,67.064,174.586,66.893,174.586,66.735z"></path><path class="st3" d="M172.161,67.392c0-0.192-0.146-0.312-0.437-0.358l-3.914-0.569l-1.754-2.82 c-0.099-0.213-0.226-0.32-0.382-0.32c0,0,0,0,0,0c-0.156,0-0.283,0.107-0.382,0.32l-1.754,2.82l-3.914,0.569 c-0.291,0.047-0.437,0.166-0.437,0.358c0,0.109,0.065,0.234,0.195,0.375l2.838,2.76l-0.671,3.899 c-0.011,0.073-0.016,0.125-0.016,0.156c0,0.109,0.027,0.201,0.082,0.277c0.054,0.075,0.136,0.113,0.246,0.113 c0.094,0,0.197-0.032,0.312-0.094l3.501-1.84l0,0l3.501,1.84c0.109,0.063,0.213,0.094,0.312,0.094 c0.104,0,0.183-0.038,0.238-0.113c0.054-0.075,0.082-0.168,0.082-0.277c0-0.068-0.003-0.12-0.008-0.156l-0.671-3.899l2.83-2.76 C172.094,67.631,172.161,67.506,172.161,67.392z"></path></g></g><g><g id="js-avvo-review-star-4-1952853"><path class="st5" d="M165.211,61.587l-2.434,3.874l-5.43,0.782c-0.404,0.064-0.606,0.228-0.606,0.492 c0,0.15,0.09,0.322,0.27,0.515l3.938,3.792l-0.93,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.114,0.38 c0.075,0.103,0.189,0.156,0.341,0.156c0.13,0,0.274-0.043,0.433-0.129l4.857-2.527V61.148 C165.525,61.148,165.348,61.295,165.211,61.587z"></path><path class="st5" d="M170.507,77.018c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156 c0.075-0.104,0.112-0.231,0.112-0.38c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792 c0.185-0.186,0.278-0.357,0.278-0.515c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0v13.343l0,0L170.507,77.018z"></path></g></g></g><g><g><g><path class="st5" d="M202.586,66.735c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0c-0.214,0-0.389,0.147-0.525,0.44l-2.41,3.874l-5.377,0.782 c-0.4,0.064-0.6,0.228-0.6,0.492c0,0.15,0.089,0.322,0.268,0.515l3.899,3.792l-0.921,5.356c-0.015,0.1-0.022,0.171-0.022,0.214 c0,0.149,0.038,0.276,0.113,0.38c0.075,0.103,0.187,0.156,0.337,0.156c0.129,0,0.271-0.043,0.428-0.129l4.809-2.527l0,0 l4.809,2.527c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156c0.075-0.104,0.112-0.231,0.112-0.38 c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792C202.493,67.064,202.586,66.893,202.586,66.735z"></path><path class="st3" d="M200.161,67.392c0-0.192-0.146-0.312-0.437-0.358l-3.914-0.569l-1.754-2.82 c-0.099-0.213-0.226-0.32-0.382-0.32c0,0,0,0,0,0c-0.156,0-0.283,0.107-0.382,0.32l-1.754,2.82l-3.914,0.569 c-0.291,0.047-0.437,0.166-0.437,0.358c0,0.109,0.065,0.234,0.195,0.375l2.838,2.76l-0.671,3.899 c-0.011,0.073-0.016,0.125-0.016,0.156c0,0.109,0.027,0.201,0.082,0.277c0.054,0.075,0.136,0.113,0.246,0.113 c0.094,0,0.197-0.032,0.312-0.094l3.501-1.84l0,0l3.501,1.84c0.109,0.063,0.213,0.094,0.312,0.094 c0.104,0,0.183-0.038,0.238-0.113c0.054-0.075,0.082-0.168,0.082-0.277c0-0.068-0.003-0.12-0.008-0.156l-0.671-3.899l2.83-2.76 C200.094,67.631,200.161,67.506,200.161,67.392z"></path></g></g><g><g id="js-avvo-review-star-5-1952853"><path class="st5" d="M193.211,61.587l-2.434,3.874l-5.43,0.782c-0.404,0.064-0.606,0.228-0.606,0.492 c0,0.15,0.09,0.322,0.27,0.515l3.938,3.792l-0.93,5.356c-0.015,0.1-0.022,0.171-0.022,0.214c0,0.149,0.038,0.276,0.114,0.38 c0.075,0.103,0.189,0.156,0.341,0.156c0.13,0,0.274-0.043,0.433-0.129l4.857-2.527V61.148 C193.525,61.148,193.348,61.295,193.211,61.587z"></path><path class="st5" d="M198.507,77.018c0.15,0.086,0.293,0.129,0.428,0.129c0.142,0,0.252-0.053,0.327-0.156 c0.075-0.104,0.112-0.231,0.112-0.38c0-0.093-0.003-0.165-0.01-0.214l-0.921-5.356l3.888-3.792 c0.185-0.186,0.278-0.357,0.278-0.515c0-0.264-0.2-0.428-0.6-0.492l-5.377-0.782l-2.41-3.874 c-0.136-0.293-0.311-0.44-0.525-0.44c0,0,0,0,0,0v13.343l0,0L198.507,77.018z"></path></g></g></g></g><text class="st6 st7 st8 st9 st12" transform="matrix(1 0 0 1 98.2742 50.5013)" x="40">Reviews</text><text class="st10 st13 st12" x="50%" y="100" id="js-avvo-client-reviews-count-1952853">out of 2 reviews</text></g></svg></a><script type="text/javascript">(function(context) {if(context.Avvo) return;function alertContents(httpRequest) {if(httpRequest.readyState == 4) {if((httpRequest.status == 200) || (httpRequest.status == 0)) {var payload = JSON.parse(httpRequest.responseText);if(!payload.client_rating || !payload.reviews_count){ return; }var count = document.getElementById("js-avvo-client-reviews-count-1952853"),star1 = document.getElementById("js-avvo-review-star-1-1952853").getElementsByTagName('path'),star2 = document.getElementById("js-avvo-review-star-2-1952853").getElementsByTagName('path'),star3 = document.getElementById("js-avvo-review-star-3-1952853").getElementsByTagName('path'),star4 = document.getElementById("js-avvo-review-star-4-1952853").getElementsByTagName('path'),star5 = document.getElementById("js-avvo-review-star-5-1952853").getElementsByTagName('path'),score = payload.client_rating,show  = 'st5',hide  = 'st14';star1[0].setAttribute('class', score >= 0.5 ? show : hide);star1[1].setAttribute('class', score >= 1   ? show : hide);star2[0].setAttribute('class', score >= 1.5 ? show : hide);star2[1].setAttribute('class', score >= 2   ? show : hide);star3[0].setAttribute('class', score >= 2.5 ? show : hide);star3[1].setAttribute('class', score >= 3   ? show : hide);star4[0].setAttribute('class', score >= 3.5 ? show : hide);star4[1].setAttribute('class', score >= 4   ? show : hide);star5[0].setAttribute('class', score >= 4.5 ? show : hide);star5[1].setAttribute('class', score >= 5   ? show : hide);count.textContent  = 'out of ' + payload.reviews_count + ' reviews';}}}function send_with_ajax(the_url) {var httpRequest  = new XMLHttpRequest();httpRequest.onreadystatechange = function() {alertContents(httpRequest);};httpRequest.open("GET", the_url, true);httpRequest.send(null);}send_with_ajax("https://www.avvo.com/attorney-badges/v3/lawyers/client-rating/1952853");})(window);</script>

</script> 

</head>

</HTML>
  • I’m uploading that to gist at github and changing the URL from
    <script src="https://gist.github.com/montycatt/a704b22a06946ff5182987ba837a7bab"></script>

To

<script src="https://cdn.rawgit.com/montycatt/a704b22a06946ff5182987ba837a7bab"></script>

I’m messing up somewhere - if anyone could help I’d be hella appreciative!


#5

@gokatie07 that looks like HTML content. JavaScript files should only contain JavaScript.

Also, you missed out one step - click on the RAW button first before changing the URL.

@PixelGeek I can’t edit my old posts, can you look into granting additional permissions please?


#6

sorry about that. can you try editing now?


#7

Anyone find out how to host JS files on other CDNs like amazon for example?
What are the list of allowed origin domains that webflow can link to?

I really with webflow had CORS support!!

Many thanks :slight_smile:


#8

Hi, now this solution is not working?


#9

Hi :slight_smile:
Im sorry to bother you, but i tried to follow your tutorial but it seems RawGit isnt accepting new repos. Is there another way to do this? i know little to nothing about java and have no clue on how to use jsDelivr and simmilar CDNs.

Can you please help. :slight_smile:
thanks


#10

See Public Service Announcement: Rawgit Shutting Down


#11

Hello! I am tryindo to do that, but I have this issue:
" 403 Forbidden

RawGit will soon shut down and is no longer serving new repos. Please visit https://rawgit.com for more details."
What I have to do? Thank you!


#12

How are we going to do now that rawgit is not working any longer?

https://rawgit.com/


#13

Please see the link I posted above.


#14

Rawgit.com is end of life, Combinatronics.com is a drop in replacement.

Change URL from raw.github.com or raw.githubusercontent.com to combinatronics.com