How to embed files hosted on Github

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

Update: Rawgit replacement


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]

17 Likes

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.

7 Likes

Thanks for this @samliew!

Super helpful, I owe you one!

:v:

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!

@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?

sorry about that. can you try editing now?

1 Like

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:

Hi, now this solution is not working?

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

See Public Service Announcement: Rawgit Shutting Down

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!

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

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

4 Likes

can you update guide to include github Pages instead of rawgit? github pages is most likely to stay up

I have large svg file that now is hosted on gist as per your instructions. What code do i need to wrap on webflow page. PS I already have style and script loaded in another embed block on page

https://cdn.rawgit.com/eschwantler/71a67a5b921cd093bb5454dc52618b7d/raw/0f06e2ccae81ca9dbf16fe2a54c242923dc3a202/illustration-optimized.svg

@erics Put it in an image tag, in an embed code component:

<img src="https://cdn.rawgit.com/eschwantler/71a67a5b921cd093bb5454dc52618b7d/raw/0f06e2ccae81ca9dbf16fe2a54c242923dc3a202/illustration-optimized.svg">

This no longer works as rawgit.com has shut down. Any alternatives?

1 Like

:+1:

3 Likes

Is there no solution, where i can add my custom scripts to the CDN of Webflow? Just to avoid some more HTTP requests? Or is Webflow already using HTTP 2?