Changing url linked images to locally linked images?

Changing url linked images to locally linked images?

I can't imagine this hasn't already been posted, but I wasn't able to find anything. So I just realized that hosting my images/audio/etc on my truenas Scale server (Filebrowser Quantum) wasn't going to work due to permission/browser issues, but (until now) thought that was the going standard (web hosting images/audio/etc.). I just learned about the better method of using a zip folder, and need to connect my images/audio/etc locally. I say better mainly because it keeps all the files/story together, whereas there is no real issue of worrying about files getting moved (disconnected) or the server being down for one reason or another. I was able to find one bit of information buried in an old post, but I'm not sure if it's still valid. It looks right to me, but I just want to be sure. I assume this creates a tag connecting to the image, and simply adding the right tag in the passages?

u/PowerMental6161 — 3 days ago

I have a background image set in my Harlowe stylesheet, but need to override it in a few passages?

I have an global image set in my stylesheet, but need to override the stylesheet code so that a few of my final passages "credits" have different images. I've tried a few different codes, but didn't work. It's probably just me though. I know the "!important" inserts are a problem, but I'm afraid of screwing up anything that might not work if I do.

html, body {

margin: 0 !important;

padding: 0 !important;

width: 200% !important;

height: 100% !important;

background-color: #000 !important; /* Elegant black backdrop if window stretches past image */

}

tw-story {

background-image: url("my image is here");

background-position:center;

background-size:contain;

background-repeat:no-repeat;

background-attachment: fixed;

}

tw-passage {

position:fixed;

display:inline-block;

width:calc(min(70vw, 100vh) - 20vw);

height: min(50vw, 50vh);

top:50%;

left:50%;

translate: -50% -50%;

overflow:auto;

color: #080707 !important;

font-family: "Georgia", serif !important;

}

tw-sidebar {display:none;}

body, .story-passage, div {

-webkit-user-select: none;

-moz-user-select: none;

-ms-user-select: none;

user-select: none;

}

reddit.com
u/PowerMental6161 — 6 days ago

New to Twine, but need help with coding. Trying to fix this...

I'm trying to stretch my photo a bit more so that my passage content will at least fit the scroll, but would prefer the scroll to stretch the width of the screen. I've spent more time than I'd like to admit trying to resize my image using the "storystyle" code, but to no avail. I've already written my story (proofing it now.) with the few most basic codes I've been able to find ( [[clickable option]], etc.), but I'll need to change my passage and/or "clickable option" phrases next. I saw a code (something like this: [[phrase that only I see | phrase that the readers will see]]) that seems like it would let me change the phrases without the risk of disconnecting my passages (while doing it manually.), but I can't find it online. I know a few other codes ($name, $weapon, $spell, etc.), but not the actual code that makes them work (something like: if $class is Dwarf set $weapon as greataxe). Like I said I'm new to Twine. My initial intention was to test the software, but ended up writing a 107 passage story, but would now like to see it through the right way. Thanks in advance, I look forward to any positive information/etc.

u/PowerMental6161 — 21 days ago

Filebrowser Quantum Web UI; are my permissions wrong, or is this normal?

(A) There is a hamburger icon in the top left corner; is this where the global settings are, or are those settings in the admin settings (B)? I mean I have a feeling they are suppose to be in (A), and my personal settings in (B); but I get a "no" symbol (red circle, with a line through it.) when I hover over the hamburger symbol. Lol I know, I shouldn't use the preconfigured admin account. I haven't made it that far yet, just wanted to get the install correct before I start messing with anything. Owner/Group is root, added the user/group "apps"; applied recursively, and to children.

u/PowerMental6161 — 3 months ago

Can someone please explain how "MAX" work?

What is the "MAX" a glyph can be glyphed? How do you tell? Etc? I seemed to understand, UNTIL I got to the 10th accessory. Either it's broken, or I misunderstood something.

u/PowerMental6161 — 3 months ago