Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding an external .HTML page


Brosencephalon

Question

Hey everyone!

I didn't have luck finding another thread about this topic.

I've created a Twine project that I would like to host and link to on my SquareSpace site. Effectively it's a standalone .HTML file/page, nothing fancy. However I'm struggling to figure out how to simply add this as a page to my site and link to it from another page on my site. I tried uploading it through the media upload and clicking the link prompts a download instead of opening it as a web page.

Has anyone tried to do the same? How did you figure it out? What would you recommend?

Thank you in advance.

Link to post
  • Answers 12
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Can you post all code here? My idea is If CSS, you can create css file, upload to your site, and declare with <link rel If JavaScript, do similar with <script src= With

replace http with https

This worked, oh my goodness!!!! I am so happy, thank you so much. For anyone else who reads this, what you have to do is: Make sure you have the file that you're trying to upload ready and final

Posted Images

12 answers to this question

Recommended Posts

  • 0
On 5/8/2020 at 11:01 PM, SebastienRoux said:

Hey Brosencephalon,

I have the same question than you and I am still looking for an answer... Did you find a solution to fix this issue ?

Here is my contact : sebastien.roux07@gmail.com

Regards.

You can copy all HTML/CSS/JS code in HTML file and paste to Code Block in SS site

Link to post
  • 0

I tried to paste my Twine into a Code Block, but it hit the character limit for the block. So this solution doesn't work for me. Would love to know if anyone has any other ideas...?

Link to post
  • 0
4 hours ago, risatree said:

I tried to paste my Twine into a Code Block, but it hit the character limit for the block. So this solution doesn't work for me. Would love to know if anyone has any other ideas...?

Can you post all code here?

My idea is

  • If CSS, you can create css file, upload to your site, and declare with <link rel
  • If JavaScript, do similar with <script src=
  • With HTML, paste to Code Block
Edited by tuanphan
Link to post
  • 0

Hi, I'm having the same issue trying to add a twine into a code block on a page.

I've tried an iframe, and a regular code block, but neither work. 

 

iframe loses all functionality of the twine:

<div><iframe id="my_iframe" width="100%" height="400px" src="http://liquidblackness.com/twine/empyre.html" scrolling="no"</iframe></div>

 

Any help would be greatly appreciated! It's the last big challenge before we can go live.

Edited by gabylon
remove code for privacy
Link to post
  • 0
1 hour ago, gabylon said:

Hi, I'm having the same issue trying to add a twine into a code block on a page.

I've tried an iframe, and a regular code block, but neither work. 

 

iframe loses all functionality of the twine:

<div><iframe id="my_iframe" width="100%" height="400px" src="http://liquidblackness.com/twine/empyre.html" scrolling="no"</iframe></div>

 

Any help would be greatly appreciated! It's the last big challenge before we can go live.

replace http with https

Link to post
  • 0

Thanks for helping, Tuan! 

I did add the s, but it doesn't improve the functionality of the twine and its threading.

So it just does this with no ability to move past it:

 

 

 

 

Screen Shot 2020-07-07 at 3.44.50 PM.png

Link to post
  • 0
8 minutes ago, gabylon said:

Thanks for helping, Tuan! 

I did add the s, but it doesn't improve the functionality of the twine and its threading.

So it just does this with no ability to move past it:

try this

<iframe id="my_iframe" width="100%" height="400px" src="https://liquidblackness.com/twine/empyre.html" scrolling="no"></iframe>

If it still doesn't work, can you share link to page where you inserted code?

Link to post
  • 0
Posted (edited)
On 5/14/2020 at 4:40 PM, tuanphan said:

Can you post all code here?

My idea is

  • If CSS, you can create css file, upload to your site, and declare with <link rel
  • If JavaScript, do similar with <script src=
  • With HTML, paste to Code Block

This worked, oh my goodness!!!! I am so happy, thank you so much. For anyone else who reads this, what you have to do is:

  1. Make sure you have the file that you're trying to upload ready and finalized, because you'll have to re-do all these steps every time you update it
  2. Open the "Create New Page" menu in the "Pages" section of the Squarespace editor. Scroll down to the "Other" section, and selected the "Link" option
  3. Don't type anything yet, but click right on the gear icon
  4. On the left, click on "File" 
  5. Scroll down, click "Upload File" and select your file, (after uploading, make sure you actually select the file to link it, if it's selected you'll see a checkmark beside it) then click "Close"
  6. Remember or ctrl+c the link, which should be along the lines of "/s/filename.css" or "/s/filename.html" or "/s/filename.js" etc.
  7. You actually don't need to save at this point since the file has already been uploaded to your website, so now you can just exit out without saving your changes
  8. Open/Create the page where you want to use your file
  9. Open/Create the code block that you want to apply your file to
  10. If you're uploading a style sheet, then between the <head> tags, paste this: 
    • <link rel="stylesheet" href="/s/filename.css" type="text/css">

      Notice that the href will be the same link that you noted in step 6. So, replace it with whatever your link own is.

Done!!!!!!!!!!!!!!!!!!!!! Your code block will now be able to reference your external style sheet!!!!

If you're uploading Javascript or html, for step 10 I assume you hopefully already know how to reference your file on your own.

Edited by Elzburg
typo, clarity

Super mega ultra-rookie web developer.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...