I’m following this tutorial from a fellow Webflower.
1a. Get embeddable link from any github resource.
Open file in a new tab
Click on “Raw”
[image]
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]
I’m trying to embed this code
But it seems to not be working when i try to embed the html file.
https://cdn.rawgit.com/Foxhoundgaming/573e872774d45fe8e4db7685ab3bff80/raw/4638e98d3218e114ab775b10f404dc63210b89a6/center-quote.html
Does anybody have experience with embedding code this way using Github, could you take a look and let me know what i did wrong?
It’s the top hero section of my page where the code embed area is in the center.
Here is the published version
Here is the preview version preview version
samliew
(webflowexpert.com)
January 8, 2018, 11:16am
2
You didn’t embed the CSS styles, and 70% width means nothing when the parent element’s width is 0px.
Try changing the CSS style’s width to 70vw (don’t forget to embed as well)
and if you want the animations, you have to embed the JS.
Ok. So i embedded the .CSS and the .JS file and changed the VW. This displayed the SVG graphic. But it seems the plugin is not loading the animation. I linked the script files into the custom code section.
samliew
(webflowexpert.com)
January 8, 2018, 11:09pm
5
You are loading jQuery twice in the head before Webflow’s jQuery. Remove all custom code from the head.
I updated it. Still not working sadly. I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.
I updated it. Still not working sadly. I’m not even getting an error in the console. It’s very unusual. Should scripts go in the head or the footer? I’m pretty sure i’m linking them correctly.
samliew
(webflowexpert.com)
January 9, 2018, 12:14am
8
There is still one more here
You’ll need to move ALL custom code to the footer as well.
RawGit will soon shut down, any other method?
webdev
(Jeff Selser)
April 10, 2019, 7:18pm
10
Pick “name a cloud provider” or “name a web hosting company”. The free tier on AWS has S3 and cloudfront for example.
I used the method above and use https://combinatronics.com
But still not showing up…how do I show u my webflow link?
https://webflow.com/design/manlo?pageId=5cae1d6e0920fb9c783b487c
webdev
(Jeff Selser)
April 10, 2019, 7:39pm
12
Follow the instructions below, to share your project’s read only link.
webdev
(Jeff Selser)
April 11, 2019, 9:31pm
14
You should test the link they provided you to see if it returns anything at all. You could do this in a browser.
Why not use Github Pages?