#how to import any font in my website

[thecoppercompendium]

So, you want to make a TTRPG…

Image from Pexels.

I made a post a long while back about what advice you would give to new designers. My opinions have changed somewhat on what I think beginners should start with (I originally talked about probability) but I thought it might be useful to provide some resources for designers, new and established, that I've come across or been told about. Any additions to these in reblogs are much appreciated!

This is going to be a long post, so I'll continue beneath the cut.

SRDs

So, you have an idea for a type of game you want to play, and you've decided you want to make it yourself. Fantastic! The problem is, you're not sure where to start. That's where System Reference Documents (SRDs) can come in handy. There are a lot of games out there, and a lot of mechanical systems designed for those games. Using one of these as a basis can massively accelerate and smooth the process of designing your game. I came across a database of a bunch of SRDs (including the licenses you should adhere to when using them) a while back, I think from someone mentioning it on Tumblr or Discord.

SRDs Database

Probability

So, you have a basic system but want to tweak it to work better with the vision you have for the game. If you're using dice, this is where you might want to consider probability. Not every game needs this step, but it's worth checking that the numbers tell the story you're trying to tell with your game. For this, I'll link the site I did in that first post, AnyDice. It allows you to do a lot of mathematical calculations using dice, and see the probability distribution that results for each. There's documentation that explains how to use it, though it does take practice.

AnyDice

Playtesting

So you've written the rules of your game and want to playtest it but can't convince any of your friends to give it a try. Enter Quest Check. Quest Check is a website created by Trekiros for connecting potential playtesters to designers. I can't speak to how effective it is (I've yet to use it myself) but it's great that a resource like it exists. There's a video he made about the site, and the site can be found here:

Quest Check

Graphic Design and Art

Game is written and tested? You can publish it as-is, or you can make it look cool with graphics and design. This is by no means an essential step, but is useful if you want to get eyes on it. I've got a few links for this. First off, design principles:

Design Cheatsheet

Secondly, art. I would encourage budding designers to avoid AI imagery. You'll be surprised how good you can make your game look with only shapes and lines, even if you aren't confident in your own artistic ability. As another option, public domain art is plentiful, and is fairly easy to find! I've compiled a few links to compilations of public domain art sources here (be sure to check the filters to ensure it's public domain):

Public Domain Sources 1

Public Domain Sources 2

You can also make use of free stock image sites like Pexels or Pixabay (Pixabay can filter by vector graphics, but has recently become much more clogged with AI imagery, though you can filter out most of it, providing it's tagged correctly).

Pexels

Pixabay

Fonts

Turns out I've collected a lot of resources. When publishing, it's important to bear in mind what you use has to be licensed for commercial use if you plan to sell your game. One place this can slip through is fonts. Enter, my saviour (and eternal time sink), Google Fonts. The Open Font License (OFL) has minimal restrictions for what you can do with it, and most fonts here are available under it:

Google Fonts

Publishing

So, game is designed, written, and formatted. Publishing time! There are two places that I go to to publish my work: itch.io and DriveThruRPG. For beginners I would recommend itch - there's less hoops to jump through and you take a much better cut of what you sell your games for, but DriveThruRPG has its own merits (@theresattrpgforthat made great posts here and here for discovering games on each). Itch in particular has regular game jams to take part in to inspire new games. I'll link both sites:

itch.io

DriveThruRPG

Finally, a bunch of other links I wasn't sure where to put, along with a very brief summary of what they are.

Affinity Suite, the programs I use for all my layout and designing. Has an up-front cost to buy but no subscriptions, and has a month-long free trial for each.

Affinity Suite

A database of designers to be inspired by or work with. Bear in mind that people should be paid for their work and their time should be respected.

Designer Directory

An absolute behemoth list of resources for TTRPG creators:

Massive Resources List

A site to make mockups of products, should you decide to go that route:

Mockup Selection

A guide to making published documents accessible to those with visual impairments:

Visual Impairment Guidelines

A post from @theresattrpgforthat about newsletters:

Newsletter Post

Rascal News, a great place to hear about what's going on in the wider TTRPG world:

Rascal News

Lastly, two UK-specific links for those based here, like me:

A list of conventions in the UK & Ireland:

Convention List

A link to the UK Tabletop Industry Network (@uktabletopindustrynetwork) Discord where you can chat with fellow UK-based designers:

TIN Discord

That's all I've got! Feel free to reblog if you have more stuff people might find useful (I almost certainly will be)!

[notaorbital]

hi I really like your mb and I'm new here. Do u have any suggestions or tips to make mb? like where did u get the pics and the captions.

𝓜oodboards: a guide for beginner blogs!

I decided to bring here a small tutorial that can help other blogs that are starting out and still have questions that need clarification, with tips and links that you may need. I wrote this from my point of view of creating moodboards and I tried to be as brief as possible in my explanation, there may be errors in English as I'm not fluent in that language and everything here was translated using Google Translate, any questions you can contact me via asks or by message.

how do I find pics for moodboards?

Pinterest is where you will find most images for moodboards, so create a Pinterest board just for these images, separating them into subboards for each color or aesthetic to make it easier.

Some blogs leave the link to their Pinterest accounts in pinneds or in the carrd, you can follow them and save the pics they published on the app in your boards, this will influence the Pinterest algorithm so that they recommend more of the type of images you want.

You can also search on Pinterest for the aesthetic and color you want (coquette pink aesthetic, cottagecore aesthetic, y2k, etc.).

how to make moodboards + tips:

Well, it's not such a complicated thing for me. I generally make moodboards with 6 or 9 images, taking inspiration from the moodboards of other blogs that I admire, so I can get an idea of ​​how to make the captions and how to position the photos in a way that matches them.

To make it easier, first I create the moodboard and then I look for an icon of a kpop idol that can match the aesthetics and color of the moodboard. The reverse can also be done: first choose an icon and make a moodboard for that image, paying attention to the color palette and tonality (and for some reason, for me it's better to create moodboards in Tumblr's light mode instead of dark mode)

When I finish the moodboard, I add the caption, the hashtags (which will be very important for your post to reach other people) and maybe a divider. You can find these dividers on other blogs or by searching for "dividers" on Tumblr.

If you want to split a photo into two or more images, use this site.

how to create captions:

To make the captions, I use parts of songs that I like or that I found searching on Pinterest for "Spotify song lyrics", but they can also be album or song names, movie names, a phrase you thought, etc. The symbols you will put in the caption can be found on this website or just by searching for "symbols", "kpop symbols", "kaomojis" on tumblr.

If you want to use a different font for the letters, there are these two websites (01 and 02). And to change the color, there are also these two tutorials (01 and 02).

what to do to make your blog "popular":

Add popular hashtags that relate to the content you are posting. If you use almost the same tags as other big blogs, your posts will have more reach. Posting frequently and your account looking nice and organized helps too.

Ask several other popular blogs to promote your account. This was very important for my profile to grow in the number of followers and engagement.

Join the events that some blogs do, as they offer good prizes like reblogs if you win. And remember to have patience, as it often takes a while to get good engagement on Tumblr.

[eddiediaaz]

hi lovely!! do you have any tips on making cool fun and sexy typography?

hey joanna!! this made me giggle haha, i'm not quiiiite sure how to answer that, but here are some tips i keep in my when i do typography, and some examples:

FONTS

don't be afraid to "shop" for fonts and try funky fonts you've never used/seen. i often try so many before settling. i almost always use at least 2 different font for gifsets, even 3 sometimes. i think a good font pairing can do a lot for a gif. it's usually something like:

serif + cursive/funky fonts (example)

sans serif + cursive/funky fonts (example)

serif + sans serif fonts (example)

two different cursive/funky fonts (example)

or even simply the same font but all caps + all lowercase (example)

in case you're unsure where too start or want inspiration, here's a great resource: usergif's font pairing guide and its fonts page

BLEND MODES & LAYER STYLES

i think playing around with different blend modes and layer styles will always elevate your typography game, in my opinion. it's usually a bit more dynamic than just an opaque color. tho this minimalist typography can also be really good.

when you double click on a text layer, you get all the layer style options, as well as the blend modes. a very popular layer style is setting the layer's blending option to difference, paired with a color and/or gradient overlay (often set to multiply/color dodge). a drop shadow is also important so the text is more easily readable. we often see a black soft drop shadow, but don't hesitate to be creative with it, for example a thick, hard line, colorful drop shadow.

i feel like this step often takes the most time for me because the possibilities are endless. definitely play around with layer styles, especially drop shadow, color overlay, gradient overlay, stroke. and also try different blending modes for these settings.

as for the layer's blend mode, also definitely play around with them. and keep in mind that the text's color will also give a different result, it doesn't have to be white + blend mode set to difference, even tho this is a classic that works well.

TEXT WRAPING & POSITION

a great feature on photoshop is definitely the text warping tool. to access it, right click on a text layer and go "warp text". from there you'll get a few different styles and setting sliders. my favorites are flag and wave (example). you can always go back to edit these settings once they're done by right clicking again. and you can even keyframe/animate these settings!

typography doesn't always have to be centered and straight, i often prefer it on a side and rotated a little. you can easily rotate typography by selecting the layer(s) and hitting ctrl + T. you can also play with the skew and pespective after hitting ctrl + T by right clicking the canvas and clicking on either. these will give different ways to move your text.

SIZING

i love playing around with different font sizes, it makes the typography more interesting in my opinion, and it's a way to emphasize some words.

so for that reason i usually put each word on a different layer so i can edit each word separately. sometimes i will also put each letter on a different layer, because it can be interesting to offset/rotate some letters sometimes (example) (another example).

i often pair a quite small serif or sans serif font with a much bigger funky font (example). and often that bigger font will also have different sized words (example). i play around a lot with this!

ADDED EFFECTS

there are some things than can be done to enhance typography:

adding a colorful rectangle block behind the text (example)

using text symbols such as quotation marks or backets (example)

using lines around the text (example) (another example)

these can definitely bring typography to a different level

MORE RESOURCES

great font website

usergif's typography tag

my fonts tag

this is all i can think of right now, i hope it helps :D if you have any question on a specific text effect let me know, i can definitely make a tutorial!

[childrensward]

Making Accessible Interaction Banners - a Guide by Binoo "ChildrensWard"

Interaction or "DNI" (do not interact) banners are a staple of the age regression community, but too often are they made without taking accessibility in mind, whether it's because they're unreadable, have excessive eye strain, or aren't marked with alt text.

Therefore, in the hopes that I can help people out with this, I decided to write a mini guide on how to make your banners accessible for as many people as possible!

Under the "read more" cut, this guide will cover the following:

Fonts, and how to choose the best ones

Text, and what your interaction banners should say

Colour contrast, and why it's important in making your graphics accessible

Eye strain, and why it generally should be avoided

Alt text and image descriptions, and how to write them

And an example of an interaction banner I made using the criteria I've written in this guide!

So, without further adieu, let's get into the real meat of this guide!

Fonts

Fonts are easily the most important thing about an interaction banner! It's how you're going to best convey the contents of your banner in a way that's readable to the viewer. Here's a quick and firty rundown of the different kinds of fonts, as well as which ones you should (and shouldn't!) use for your banner:

Body Copy fonts are your basic Sans and Sans Serif style fonts that you'll most often find on books and websites, because they're some of the easiest fonts to read in smaller text (10-14pt) due to their lack of details. Examples of Body Copy fonts include PT Serif, Arial, Comic Sans, Roboto, and Helvetica Now.

Display fonts are often used for headers and subheaders and include features such as being thick, having unconventional letters, and, on occasion, being in all caps. However, these fonts should not be used for body or small text, as they will be very hard to read. Examples of Display fonts include Futura PT, Elephant, Noto Serif Display, and Shoreditch.

Script and decorative fonts are subtypes of display fonts, with the former having a handwritten quality to them, while the latter are considered to be the fun display fonts. However, you should be very careful with using either of these fonts- not only can they be hard to read on their own, but neither should be used specifically for body or small text in any circumstance. For the sake of readability and accessibility, however, I'd be more inclined to avoid using these fonts.

Text

Aside from the fonts that your text will be written in, the text itself is also a mandatory aspect of your banners. After all, it's what banners are entirely based on, and it's the very thing that tells you who can and can't interact with your posts.

However, there's something important to keep in mind, and that is how much text you're trying to cram into your banner because you're trying so desperately to fit your entire DNI criteria onto it.

What I think is important when it comes to making your banners is to keep any text you have on there as short as possible. If you bombard your banner with all this specific criteria, then you're more likely to make your readers confused, whether or not they happen to be a screen reader user.

When making your banners, ask yourself the following questions when deciding on your criteria:

How likely is it for someone interacting with the age regression or similar communities to fit this criteria? Have I come across a good number of people who fit this criteria that makes it worth mentioning?

Is this criteria at all relevant to the content I'm presenting? Do I need things like inter-community discourse terms from other communities on my banner if I'm making content specifically for age regression?

Is there any "unspoken" criteria that everyone agrees upon that doesn't need to be included? These might include nazis, racists and white supremacists, homophobes and transphobes, ableists and eugenicists, misogynists, anti-choice, etc.

If your answers show that the specific criteria is not relevant, then it's best to leave it out to keep the information on your banner more clear and concise.

Colour Contrast

While colour contrast is something often talked about in web development circles, it's also an important skill to learn when making any sort of graphic design- which is what interaction banners essentially are. Without taking colour contrast into mind, you're left with a banner that may not be easy for most people to read; let alone those with low vision or blindness. We also need to think about things like people who may be using old or outdated monitors, people reading on smaller screens (like a smart phone), and bad lighting and glare. As Contrast Rebellion puts it: aesthetics are important, but aren't the ultimate goal of design.

Okay, so you've understood the reason why colour contrast is important, but how do you put it into action? How do you know your colours of choice are readable?

Well lucky for us, there's many resources out there that help us in choosing the right colours! Here are a few of my favourites:

CSUN: Color Contrast - An introduction article on colour contrast, why it's important, and some examples of good and bad colour contrast choices.

Random A11y - If you don't have any colour combinations in mind, Random A11y is here to help! With it's vast amount of randomly generated colour contrast combinations, you'll have plenty of options to work with. Don't like the combination you're given? Just click on the "new colours" tab to generate a new palette!

Colour Contrast Analyzer - This is a free program for Windows and Mac that helps you with colour checking with a variety of different features; including multiple ways to select colours (CSS color formats, RGB slider, colour picker tool), and a colour blindness simulator.

Accessible Colors - If you don't want to or can't download the program above, then this website works just as fine with checking colours, too! Just enter in the hex codes of your colours, the font size and weight, and which level of conformance you'd like your colours to pass.

Eye strain

A bit of a sore topic for some, but I feel I must put it bluntly for people to understand: making your colours easy on the eyes of the viewer should be your top priority over your aesthetic. Some people, like myself, have certain health conditions that are triggered by eye strain, and by continuing to slap extremely contrasted rainbows on your banners, you're continuing to put disabled people through worsening symptoms, all because you feel the need to retain your aesthetic.

Many of the same resources shared in the Colour Contrast section can also help you to rule out any eye-straining palettes. Also, a general rule of thumb to keep in mind is: if a colour palette is eye straining enough to cause you some mild problems, then it's enough to cause someone with a disability more severe symptoms.

Alt text and image descriptions

I think a lot of us find writing alt text to be daunting- I know I did for a long while, which is why I never wrote any for my posts until recently. But really, once you get the hang of it, it can be very simple and easy to write! Even so, people who don't know how exactly to write alt text often fumble with this- either writing too much or too little, not being clear enough, or just copying the image caption and calling it a day.

Here's some tips and tricks on writing better alt text:

Alt text generally follows the Object-action-context rule. In the words of Alex Chen at Medium: The object is the main focus. The action describes what's happening, usually what the object is doing. The context describes the surrounding environment.

Be specific and concise, and even consider the content of the post or webpage it's on as well. You'll also want to consider the function or purpose of the image, and what you want your viewers to gain from it.

Keep your alt text short, as long descriptions with too much flowery language and filler words can be distracting when using a screen-reader. Generally, most screen-readers will cut off alt text at around 125 characters.

Avoid using "image of..." or "picture of...," as HTML codes will already identify your images as such. However, in this case, mentioning what type of image it is can add context.

Always check for spelling mistakes, as this can affect the user experience, causing interruptions and confusion.

Not related to interaction banners specifically, but avoid including alt text for decorative images that are used to make your post prettier. In this case, insert the word "null" in your alt text fields.

Image descriptions are a little different in the fact that they're allowed to be more descriptive than alt text, considering screen readers won't be able to cut off any alt text at 125 characters. Even so, it's still best to keep your image descriptions as short as possible to save from redundancy and confusion.

Please remember that writing alt text and image descriptions can take a lot of practice and trial-and-error, so don't give up if you can't get it right the first time! Write and rewrite it as much as you need to, or even consider changing your interaction banner altogether if you think it can't be described in words concisely.

An example

Taking what we've learned above, let's take this banner I made just for this post as an example of these characteristics put into action.

In this example, I have chosen the hex colour #4D0000 for my text colour, and the colours #B5F3DC and #E3B158 for my background. According to CCA, the contrast ratios for my colours of choice are 12.8:1 and 7.9:1 respectfully, which both meet the minimum contrasts of 1.4.3 for AA and 1.4.6 for AAA.

I have chosen the font FS Lola Bold, which is a type of display font that's best for headers and subheaders, but not so much any body or small text. I don't have to worry about this though, because I don't have any small text in my banner.

I've also kept my criteria to a simple "No DDLG/CGL interaction," because I feel that this is the most relevant information regarding the content of my blog and the posts I make. Short and simple, yet specific to who I don't want interacting with me. I also like the idea of my favourite fictional characters protecting my blog, which is why I've included another short sentence for it!

Here's an example of what the image description or alt text for this banner could look like:

[Image description: Banner that reads "Toopy and Binoo protect this blog, no DDLG/CGL interaction!" On it are the titular characters from the show. /End ID]

And if I were to have both alt text alongside an image description, then the alt text could be as simple as what the banner reads, which would be:

"Toopy and Binoo protect this blog, no DDLG/CGL interaction!"

Remember, you don't have to go into every little detail with your image descriptions or alt text, because then it can become very confusing for certain people to decipher! Keep it simple and state the minimum.

Closing words

I think that's everything that I wanted to cover in this post. Of course, there's more to accessible design than just text and fonts alone, but when it comes to interaction banners, it's usually the focal point of the images, which is why it's so vital that people with disabilities can also read your banner- especially when they contain important information about your personal boundaries.

Age regressors often pride themselves for the image we've set up for our community, that it's safe for everyone to join and no one will be judged or excluded for who their are. But the reality is, we still have lots of work to do before we're ever at that place, and making our community more accessible is just one of these steps that we should all be encouraged to take. Besides, what kind of message are we sending if we don't take the steps to make our space as accessible as possible? How do you think it'd feel to realize that a community you wanted to join is actively hostile towards you because of the refusal to learn how to accommodate for them? Especially when we have such a huge demographic of disabled people in the community, we can and should be doing better to accommodate for everyone as much as we possibly can.

Learning accessibility is a skill that requires time and practice, and I don't expect anyone to be perfect at it the first time around. The aim of doing these things isn't to make sure that every single thing is 100% accessible in every single way imaginable and with no mistakes whatsoever; but to instead encourage, develop, and incorporate good accessibility practices into our every day lives.

Thank you for reading,

- Binoo

[foranpo]

ੈ˚ʚ welcome to my notion tutorial !!

♡ my notion took me a month to make. It's a bit frustrating sometimes, but i want you to know that it's possible to have some organization in your life.

notion is meant to help you have a more organized life: trackers, goals, diary entries, anything can be turn into a notion page and i'm here to teach you how ♡

ps: sorry for being so long and with some typos and whatnot ♡

♡˳────── 1st step: the choice of an aesthetic.

it's important to have an idea when you start your notion;

for me, i wanted a place cozy and warm that reminded me of spring.

my main color is green. and with that defined, i started looking for color palettes with the types of green that i liked the most.

(i used this website, but any is good enough. it's just to give you an idea of what you're going to work with.)

i chose an aesthetic more gloomy, academic, and obviously green, (for my main layout, a retro blue-ish layout for my fanfics and a melancholy yellow for my original works) and with that i jumped to step 2.

♡˳────── 2nd step: hunting images and inspiration.

pinterest, pinterest, pinterest.

i can't stress this enough. use keywords to find what you actually need.

if you're a beginner, start with notion inspo, notion [aesthetic] ideas, anything notion related. pick your favs and choose what you like most about each one:

the font, the pictures, the layout, even a small detail like an aesthetic quote design -just make sure you know what you like the most.

once you have a list of what you want, you start searching for images.

keywords i suggest are: [color] aesthetic, [color] cinematography, [color] photography, and, especially, [color] png icon.

i find it really satisfying having pngs on your notion: it gives a better sense of home and they cute, so it's a plus!

(most png aren't transperants on pinterest, so i use this app to make it a real png. now, know that it's not perfect and on dark mode might look funky, but it's worth a shot ig ♡)

now you should be left with a small gallery of photos with the same color scheme and this takes us to step 3!

♡˳────── 3rd step: dividers save lives.

pick one image to be the base of your notion layout.

it might be for your notion icon, header, or just a random pic laying around your notion. but make sure you only have one.

with that, go to an app that finds colors (i use this one) and pick the 3 most predominant colors! i suggest one darker, one lighter, and one in between.

this works not only as dividers but to enhance any quote or pic that you have. e.g.:

as you can see, this little dividers (size that i use: 948x8) work better than the ones provided by notion and they're easy to make. just open paint and you're done!

and once you have all the inspo, all the pics and dividers, it's time to create some art ♡

♡˳────── 4th step: the creation of art.

is time to make pages and more pages.

now, please know that this requires lots of work, frustration and patience. sometimes the website doesn't want to collaborate and it might get a bit annoying. but know that it's totally fine to take breaks and take your time. this is something for you and you only.

you can take all the time you want ♡

ㅤㅤ♡˳────── 4.1 step: page outline.

choose the number of pages !

i suggest you have one homepage with quick links to your other pages:

trackers, school related, hobbies, anything really.

it's your notion after all, you can do anything.

after having the number of pages you can star outlining the pages.

the beginning is always difficult and embaracing, but if you give it a try, i'm sure you will create art!

i suggest, if you do a full page, to use 4 to 6 columns. it might be a bit overwhelming at the start, but i found it easier to work with more columns and less rows. also, it's more compact which makes everything x3254 cuter.

nut you can literally do whatever you want! so here's my organization ♡

my personal organization !

homepage (5-6 columns, 4 rows): quick links to my other 4 pages. daily routine. quick reading and writing trackers. my performances schedules and feedback. goals for the month. clock, weather, year progress bar (see end of post).

original works (4-6 columns, 2 rows): my three wips. websites that help me with writing. my progress in each work. motivational quotes.

fanfic works (4 columns): folders for each fandom with more folders for hcs, one-shots, multi-chapter and ideas. motivational quotes. goals for the year. pretty pics and quotes.

trackers (5-6 columns, 4-5 rows): media that i'm currently consuming or consumed, with details such as rating, author, and some sub-pages with my extensive thoughts.

in short !

have one big page at the beginning to help you navigate easier.

don't be afraid to had columns and rows! if there's a blank space, throw some png's and quotes at it. it always makes everything 10x cuter.

ㅤㅤ♡˳────── 4.2 step: widgets are your best friends.

add some widgets to make it prettier ♡

i use this website. it's pretty easy and has the main widgets.

a quick google search might take you to other websites so feel free to explore ♡

♡˳────── 5th step: a touch of magic and stardust.

the start of a new page is always frustating: what aesthetic to use? what do you put first? what if it's corny? too much quotes? so many questions and, hey!, i hear ya! it's a pain in the ass.

that's why i'm here to tell you that you will change your layout lot's of time. even if you have already in mind what you have, it's only normal to change stuff every now and then until you have the perfect page.

e.g.:

you can see how my first homepage (pic. 1) changed drastically to my current homepage (pic.2). not only the color scheme changed, but the layout itself.

more artistic pictures, cuter png's and quotes, and my homepage changed completely!

so don't be afraid of change! it is important fr ♡

♡˳────── don't forget about...

you can change the font and size of the page by clicking on the three dots on the top right of your screen ♡

make your text pretty with cool symbols !!

again, just surf the internet and tumblr and i'm sure that aesthetic bios will provide you with the cute little symbols to make everything cute ♡

be creative with your picture layouts ! ♡

i personally use pinterest (frame template) and clipstudio to make prettier pictures, but i'm sure any photoshop app can give you this effect as well.

play with png's and make your notion look more alive ♡

any hanging or 2 png's similar can help with a look cleaner and more organized.

add spotify playlists (it had to be public, i'm afraid) and youtube videos for more diversity!

table view is a life changer for organizing trackers, especially books and movies ♡

let me know if you want a deeper tutorial on how to use any function or if i forgot mentioning something you would like to know more about ♡

i hope this helps you and it's clear. know that i'm here for anything you need and i'm sure you're gonna do amazing things there ♡

[alilich]

the bachelor pitch website, recreated

this official website with a pitch for bachelor route was found on jan 2nd and then promptly sniped by IPL, without us getting a good wayback machine copy. i've been working on restoring it, and at this point i think it's rather faithful to the original and worthy sharing!

not perfect YET - namely, the mobile version kinda sucks, - but i'll be looking to improve it over the upcoming weekend! (more info under the cut)

some liberties have been taken in developing this page:

first of all, all source code has purged, and the website was rewritten from scratch - this is to avoid copyright conflict with readymag, the website builder IPL used. such services often allow exporting code, but only limit it to business clients and usually forbid editing the exported code in any way

the mobile version seemingly wasn't a thing that IPL considered with this single-page pitch/"business card" kinda website, but i'll still try to get it to work - my main goal is to ensure all assets load in a harmonic way, while IPL's original website was skipping some of them on mobile

unused assets/disabled elements were not restored. i honestly don't really want to tangle through readymag's messy messy ripped code to find out how were they supposed to look like. also, all of them are developer portraits with their names and contact information, and i don't know which of these people are public personas and which arent :^)

a little "about this page" button was added, including my contacts for incase anyone wants to tell me anything important, or (HOPEFULLY NOT) IPL will have problems with this website being present and would like to ask me to remove it

the chosen by IPL fonts were restored - i'm not sure if the saved .html file that i possess didn't preserve them, or were the fonts simply failed to load on some platforms..? either way...

AND ALSO, if you happen to have screenshots of the PC version, feel free to DM me, and i'll be happy to tweak the layout for better historical correctness!

FINALLY, currently i'm using for reference a saved .html shared by abyssal + screenshots shared by lillia, both on pathomodding discord - so thanks a lot to them because otherwise i would definitely not have enough patience for this project lol!

[bubu0h]

How I Manage my personal AO3 e-library Archive

Download everything I want/hope to read in EPUB format. I try to anyways... if I notice I got too many tabs open on my browser, time to download If multi-chapter remember first to press 'Entire Work' and then 'Download'

2. I use Book Story (Android App) to manage the mess that is my downloads folder do NOT use this app to read as of sep 4 2024 (today) the e-reader that comes with this app I do NOT recommend (The app is still getting updates I hope one day I can use it for reading too) The app has this fantastic feature that allows me put the books into 'Reading' 'Already Read' 'Planing' 'Dropped' categories which is the main and only function I use. I move the books around and it helps me keep a visual tab on them.

Periodically , I then make a copy of my messy ass downloads folder from my phone into my computer. While looking at the visual information the apps provides me I delete books that I 'Dropped' and I move 'Already Read' books into my computer E-Library (I use Calibre Windows Software) that's my main book hub where I will quickly notice what books need covers and I take my time working to finding an image I like for the book , so I can recognize them books by just looking at the covers I am terrible at remembering book titles

If you are curious this is what Calibre looks like - this is just AO3

3. To read EPUB books I use Libera FD (Android app) Is frankly the best reader I have tried, I can customize pretty much EVERYTHING BIG ASS FONTS , you can download any font you want to use, replace words if I want to , it has OLED dark mode for reading at 3 am, you can configure it so it reads to you (using TTS) , several reading modes including auto scroll and speed reading mode, and so much more; the dev(s) are still updating and adding functions to it is kind of amazing I am probably not using it to its full potential You can sort books by 'Genre' which is how the app recognize the tags from the website.

Here some visuals of Libera FD (I wrote in the ALT of pics, click on it)

4. How to provide enrichment to glorious magnificent authors , that share their passion with us for free. When you open any ao3 .epub on Librera is gonna look something like this. I tap on the link that leads back to the original posted website page. All links are tapable and I make sure to open the book on the website before I start any book.

It will open the link in your browser app. Open a note taking app. And now I can take notes , copy quotes and whatever else I want to leave in the comment section of the chapter of the book I am on. Cut and paste and that's it. I load the next chapter in the website and then continue reading the next chapter on the reading app (I comment on all the chapters if I have something to comment, sometime I don't have anything to say so I don't . Figure it makes authors happy and i find it very fun. Sometimes they answer back it feels nice) remember to leave kudos specially if you are rereading.

I use Quillpad (android app) the most important feature of any note taking app you choose, in this case in particular, is that it saves your notes automatically (I used some apps that didn't it was devastating losing all my notes like that. I though that as long as I didn't close the app it was fine turns out not and sometimes it would timeout and gone , all my notes gone. With Quillpad I haven't lost notes)

I haven't taken the time to figure out if Librera has a feature for annotation that could be useful for commentary note taking

I think that's all I can think of sharing on this topic. I am open to questions and adding things to this post with visual aid and whatever I can do to help , do let me know.

Keeping a copy of your books safe and easy to find

[beesmygod]

"A GHOST STORY" IS A WEBCOMIC I MAKE THAT I WILL BE RE-POSTING, GRADUALLY.

the top row is from 2013. the bottom row is the re-draw from 2018.

lol i forgot to mention this but in the 2013 row, first page, last panel on the right, the woman with the dark hair was modeled after how my sister looked at the time. the blonde lady was based on someone who was once my friend. i have stopped including cameos entirely bc i got sick of the people i was associated with turning out to be complete lunatics and having to live with their memory stinking up my precious baby.

e: NOT MY SISTER SHES NOT A LUNATIC. but everyone else

the odd borders of the first page here made more sense when my website background was white so it looked like the font was sort of "escaping the boundaries. but that kind of stuff doesn't work well in print...or in this instance lol. it was an attempt!

the speech bubbles are soooooo much better in the new one even if the art is still like ???? in the 2018 redraw. black bubbles are for ghosts who are particularly degraded or removed from the living experience. imagine it as kind of hollow sounding and echo-y.

the kid's hand is objectively worse in the new page. weird choices all around. when i was nearing the completion of the re-draw i realized i was going to have to come up with a price for the .pdf and now, more than ever, am i glad i didn't listen to any of the insane prices people told me to list it as bc i would have sold 0 and would have deserved to sell 0. "pay what you want" was the right choice here. this shit is not worth 15 dollars, or even 5 dollars. i am incredibly fortunate that the people supporting my patreon allowed me to even do this at a price point far beyond what it warranted. people on patreon cut me a lot of slack or offer a level of support that, to this day, remains mind-boggling. it's still hard to reconcile with what i produce

i am still glad i was able to do this since it felt important at the time and gave me a concrete goal to work toward.

---

♥ read the comic: A Ghost Story

♥ support the comic for as little as $1 a month on Patreon

♥ pay what you want for the re-draw of the first chapter on itch.io

you can block the tag "#AGS repost" to keep this off your dash

[the-bjd-community-confess]

l1l dev1l gives me the worst 2nd hand embarrassment and i don’t even follow her. But sometimes people will share her things or IG thinks i should see her posts because someone I folllw does. Her persephone doll…… none of the joints work on the casted version, the “professional” version, and she is still trying to sell it for $550 USD???? it doesn’t even look like a finished doll because of the sculpting ability! The eyes don’t look like they have proper eyewells so that the eyes can fit properly. This isn’t a style choice. People complain here that “oh don’t like don’t look” (i decided to block before sending this because insta clearly wants me to see her stuff…) or “dont make fun of beginner artists” (i don’t consider this making fun. But just expressing shock and dismay.), or “people complain about this all the time”. it’s a confession blog! my confession is i don’t understand how she thinks $550 USD is normal for her work.

I also want to know: who is even buying her things? her marketing is so very bad. Her dolls are never posed well or dressed appealing, and flop everywhere. You can tell the joints are bad because the doll can’t even hold a sitting pose without looking cast to the side. My friend showed me a story of hers. She writes everything in fonts that you can’t even see????(Maybe too that’s why the colors she picks for her resin colors aren’t appealing?) It’s probably better that she sticks to just selling her files on websites and not trying to get casted things, because she’s going to be stuck with a lot of dolls and a lot of money wasted if she keeps going this way. There is no improvement either in her sculpting, because it seems like she doesn’t focus, she just keeps making, but not keeping the lessons from the last one. Maybe take a sculpting class. There is some on skillshare or youtube for free!

People complain that we are too hard on novice doll makers. I don’t think so. I think everyone pretty much agrees if you’re just making a doll for yourself that it is fine, do whatever, and it doesn’t matter how messy or beginner it looks. It’s the selling and “toxic positivity”. L1l dev1l doesn’t have any true friends if she is showing them this work and they are not stopping her, helping her. Critique is important! Even if it is said with vinegar. It hurts but you have to look at why people said that!!!! Immediately trying to sell a $550 USD resin doll who can’t stand (looks very heavy, joints don’t fit well, no balance, casted resin is different than printed resin. Printed resin has different friction!) will lead to failure. But by all means keep making and creating things you like, but stop forcing yourself to make it just so you can sell it. It might take you years to make a doll that is good enough to sell for $550 USD. Start small and only cast one or two for yourself, maybe even at home, so you can fix issues.

Stop rushing things!

~Anonymous

[skwpr]

How to Have Fun while you Study

Here are 20 ways that you can use to have fun while you study.

Reward yourself

One of the best ways to have fun while you study is to reward yourself. This makes your studying take some sort of game effect. Studies show that people enjoy things better when they feel rewarded. Set an intention to reward yourself when you finish studying.

Have snacks

Eating snacks while studying can make everything so much fun. You can also reward yourself with snacks. Be sure to eat non-greasy foods so you don’t get your books messy.

Use colors

What better way to have fun while studying than to use all the colors out there? Use colors to have fun while studying. Colors have a way of brightening everything up. they inspire fun and joy.

Listen to study music

You can make everything a lot more fun by listening to music. I’d recommend piano, or the famous lo-fi beats that are popular everywhere now. Be sure to choose music with no words for the most efficient study session.

Watch youtube videos

Studying doesn’t have to be boring. You can learn things better than your teachers taught you on youtube! Youtube is one of the best ways to learn new things online. if you miss any class, you can go on youtube and for sure you will learn what you missed.

Take breaks

Hard work is only as fun as taking breaks. Taking breaks is very essential to have fun while studying. if you don’t take regular breaks, you stand the chance of frying up your energy and crashing. I have prior experience with not taking breaks. A study break can be as simple as standing up and stretching.

Wear comfortable clothes

When I was a kid, I had this awesome dress that I imagined was a doctor’s lab coat. I’d wear it to feel like I was doing some important doctor work! If you want to have fun while studying, be sure to wear clothes that make you feel inspired and motivated to change the world!

Create to-do lists

Studying gets boring if all you do is stare at your books. Be sure to start creating and using to-do lists. This is simply a list of what you expect to accomplish within that day. I divide my to-do lists into two parts. These are: the least productive things I can do, and the most productive things I can do.

Do what makes you happier

Make sure to make yourself happy every single day. Find out what boosts your happy hormones and do a little of that every day. For me, that would be painting, reading a good book, or listening to great music. Do what makes you happy so you can boost your mood and enjoy studying that day.

Draw mind maps

Mind maps are a great way to have fun while you study. A mind map is something you draw to connect all your ideas together using lines. I love to use mind maps to connect my facts together. Draw mind maps with markers and colored pens for a little extra fun.

Use different study techniques

Reading all day can get boring. I have a few study techniques that you can try in order to have more fun. These are:

Writing down important points

Summarizing all your notes into tiny bite-sized chunks of information

Recording your notes on your phone

Making up questions

Studying old exam questions

Using online study tools

Drawings

If you have any degree of artistic talent, it’s time for you to shine! Drawings are great to make studying a lot more fun. Make funny drawings based on information in your notes. Even a simple doodle will do. If you’re feeling crazy, make some comics.

Use cool fonts

Using cool fonts is a great way to be more artistic. Go on websites that let you download fonts and study them. I like to use creative market to get inspiration for my titles. They have some awesome fonts that you can re-create for your study sessions.

Use flash cards

Flash cards are a life saver. If you aren’t using them, then you are missing out. A flash card is a piece of paper where you write down important points. It sounds pretty basic but it promotes visual learning, and boosts your memory. Be sure to create loads of flash cards and shuffle them, all the while reviewing your notes.

Make a study video

What better way to have fun while studying than to pretend to be a youtuber! Test your videography skills by creating a time lapse of your studying. remember to use markers and colors of all sorts to make your video awesome!

Make up songs

Making up songs sounds silly, but it’s the perfect way to make studying fun. In fact, making up a song about your history notes can help you when you need it the most during exams!

Create infographics

If you fancy yourself a graphic designer, create some awesome infographics using graphic design software. Infographics can be as easy as just typing out your notes in awesome fonts. Canva is a great app to use. You can print all your infographics and use them for reviewing at a later date. Remember that by making these infographics, you are helping your brain create more connections to remember faster.

Duolingo for languages!

Everyone knows of Duolingo. If you don’t, then let me enlighten you: It is an awesome app to help you learn a new language. I’m currently using Duolingo to learn Japanese. よろしくお願いします。

Use quizlet.com

Quizlet is an online study tool to help you create flash cards. It’s a great site, and rumor has it that teachers use it to make tests! That means you can go on quizlet an find your next text, or at least related questions.

Go on memrise.com

Memrise is another online study tool that helps you to study and have fun while you’re at it. It’s a memorizing platform, and let’s add all sorts of images and audio. You can literally learn anything on there. You can also create your own course and use it to study.

[tojis-gf]

How do you do the gradient text in your pinned post? It’s really cute and I have no idea how to do it 🫠💕

hi anon!!! okie so im gonna try to be as thorough as possible, dis is really ez too btw (if on mobile, you may have to use browser mode)

so first, i use dis website right here

n pretty much, what u do is paste or type whatever txt u want here:

n then choose which kind of gradient u want, i typically do horizontal but its totally up to preference : ) then u pick ur colors using the hexcodes (if u tryna create like a certain palette from an image, use dis website click dis), and font for me i dont usually change, if i do its usually arial, i change the size tho depending on how big/important the txt is ! and for bold/italic, thats something u can always edit using the tumblr editor like how u would normally bold and italicize any other txt : )

okie so i picked my colors n stuff n now what ur gonna wanna do is copy the html code (bottom box) if u wanna make the bottom box bigger, just drag the bottom right corner out : )

next thing ur gonna wanna do is go to tumblr n go to whatever post/create a new post and click the gear in the top right hand corner of da post n then scroll all the way down to the bottom and change rich text -> html.

so for this one, bc i'm doing a header for this ex, between the h1s, im just gonna paste the html txt from the gradient website. n honestly, if u wanna paste the text after the header, or u dont want a header txt at all u can just copy the html code into the html editor and it should be fine !

and this should be ur end result ! (i made the txt smaller in tumblr editor lol

[accessibleaesthetics]

Question about subtitles (not sure if this is a good place to ask since subtitles are different than image descriptions and video transcriptions) My partner is making a mod for a game that adds subtitles since the game doesn't have them natively, and I use them a lot. He's been asking me what they should be and for a lot of them, I'm not sure what the best thing would be. For background and ambient noises, for instance, I'm not sure how would be best to describe that in a subtitle- whether it should be something like 'Ambient noise' 'Ambient rumbling' 'Rumbling' My main thing I'm trying to figure out is how to distinguish ambient noise from active noise, without removing it altogether, since the ambience is important for knowing some things about what's going on. Also, for some things like placing items, if it should say 'item placed' or 'item thuds', basically if it should describe what's happened or if it should describe the sound Sorry this has become a very long ask lol, trying to get other people's input on this because these particulars don't really matter as much to me because I use subtitles due to sensory processing issues, so as long as I'm able to identify what it was, it's fine. These specifics aren't important for how it helps me

Oh no, this is a perfectly good place for that! And what a wonderful idea for a mod.

For starters, I'd suggest checking out the Deaf and Hard of Hearing Accessibility Guide from the Can I Play That? website. This covers the basics of what D/deaf and hard of hearing players are generally looking for in games, including both the content and look of subtitles (the color and font can actually matter a lot too!).

Now, when it comes to non-speech noises, generally it's best to ask yourself "does this sound convey meaning?" You don't necessarily have to have words on the screen at all times for every background sound, but something like rumbling usually is there for a reason. Background music is a toss up.

When it comes to noises that accompany placing objects, it gets a little trickier. Is there any visual indicator that conveys the same information already? If so, you might not need to include it as a subtitle at all. If not though, I think you could stick to something like "(thuds)." As long as the caption appears completely in sync with the placing of the item, you can rely on the player to make the connection to what caused the sound, just as a hearing player would when hearing the noise in conjunction with the action.

Finally, while I think it's wonderful that you're trying to get input from others, I wouldn't discount your own opinions completely either. While the primarily target of subtitles in games are D/deaf and hard of hearing players, people with sensory processing issues are still part of the audience that uses them.

[syncrovoid-presents]

Good morning! There is a secret place on the welcome home website- On the exhibition page one of the Answer words is clickable! It takes you to a picture that you can click and then a safe! The password is the answers to the hand out from the exhibition page asking who is the funniest character and who is the star etc. etc.

DISCOVERED HIDDEN PASSWORD PROTECTED PAGE OF THE NEW WELCOME HOME UPDATE

Here's my second attempt at answering this. SO first I had to check out if this is true or not, and I can confirm that it's real! Thanks for this!

HOW TO GET THERE:

On the Playfellow Exhibition page the "answer" to select is the last "answer" in the third paragraph (aka the last paragraph in italics). Depending on if you're viewing on a computer or not, this is on the lefthand side of the paragraph. Selecting it will bring you to this webpage called "password please" (clownillustration.com/crack-the-code).

This is super interesting! And it has many-a handy clues. Clicking on the image will bring you to another secret page, and this one is of a safe where each number of the keypad is replaced with members from Welcome Home. (clownillustration.com/password-please). Clicking on the safe prompts you to enter a password, and this handy sheet points you the right direction! The password is hidden in the answers to the 5 questions in the character worksheet in the Playfellow Exhibitions page. The answers are the following (in this order): Barnaby, Sally, Poppy, Julie, and Wally. The password is the first letter of each name, which is then: BSPJW

This is the page you're greeted to when you enter the password! It's got so much going on, but you cannot enter without the password.

OVERVIEW

Here's a list of the first things I noticed when going through this new page:

The W is out of place and moving. This could possibly be part of another series of out of place characters of a mystery?

The two blue eyes are still on the furthest left and right margins if you zoom out. This is consistent for most of the pages, possibly which ones Wally has influence/has a presence in?

The title of the page is written 5 times and there are two overlapping texts of "Can you hear me?"

The black lines overlapping the text of the page isn't just black lines but also text! Most of them are "Ring-ring. Ring. Hello? Can you hear me? Call back soon, please."

The last black line overlapping the text reads as "Ring. Ring ring. Ring. Won't you please pick up?"

The reason why they all look different is because they're different font sizes and because they have spaces elongating them too.

A few of the lines are split into multiple sections within the source code of the site, but are displayed as one. Unknown if this is stylistic or has other meaning.

There are pulsing orbs on the page! The first one on the right hand side covers the letters "bu". Unknown if this means anything, but is interesting.

The bottom of the page has a clickable text bubble of "It's in here". The 'i' of "in" is out of place. Maybe another character that's important? Clicking this just sends you to the error page, nothing special seems to happen there.

There is a slideshow of a different sort of Playfellow Exhibition! I will get to these later.

FILE NAMES

This is a fun little section checking to see if the names of the graphics of the site have any further meaning. I'll break them down in a list here.

The rotating W is called "Dizzy.gif" in the website code.

The rest of the "Welcome Home" title graphic is called "ElcomeHome.png"

Interestingly the blue drawn eye graphics out of bounds on the site are called "open..gif" in the code. Strange name!

The black pulsing dots come in two variations. The darker ones are called "coming2.gif" in the code while some are under a title section called "sit.gif" (they are still called "coming2.gif" within that. I thought that was interesting though! If taken as a scene, the black dots in "sit.gif" would be a sun)

The black swirls/clouds on the bottom are called "Hmm.png"

The black swirls/clouds on the top are called "hm.png"

The border patterns on each side are called "sneezing.png". Strange? This one sticks out as odd to me, compared to the rest.

The black "speech bubble" doesn't seem to actually have a specific word-name. Might be wrong on this, but if not I think that'd be interesting too, where everything gets word names except for the place that words should go. Funny!

TEXT

This is a direct transcript of what the page says, as it may be hard for some people to read.

"I had a dream when I began working on the Playfellow Exhibition. Wally Darling was sitting at the foot of my bed with a rotary phone in front of him, ringing away. It looked just like the little toy phone we were restoring for the exhibit. It kept ringing. Wally stared at me like he was waiting for me to pick up the phone. Just staring, unblinking. The phone ringing and ringing. I couldn't move. I couldn't figure out how to move and pick up the phone. He kept waiting. I couldn't pick up the phone. I keep getting phone calls, now. Or at least, I assume that's what's happening. I keep hearing it ringing. All day, sometimes. I check my phone and there's no new messages. I thought maybe some of the site staff were pranking me, but I tore up the workspace and couldn't find another phone that might be ringing. All that was there were the toys for the exhibit, and obviously those couldn't be ringing. But I kept hearing it anyway. The phone ringing and ringing. The more I work, the more questions I have. Why didn't any of the site staff I worked with remember this show? Even the ones who grew up in the 70s? Why can't I find any files on the Playfellow Workshop? Why isn't there a single TV guide ad saying what network or time the show was on? I keep digging and digging. I've poured over every recovery the WHRP has given me access to, every inch of their website, and the things I find make less and less sense. If I didn't know better I'd say everyone was coming together to pull an elaborate prank on me. I can still hear the phone ringing now. I don't know how to answer the phone. I need to answer the phone."

This is from what I believe is a new character in the Welcome Home universe. Not really a character in the show, but someone I'll be calling the Restorer. They are the one being tasked to restore the stuff sent to WHRP. This will become more relevant later on, but to break it down this is giving insight on the behind-the-scenes, and brings back the motif of the phone ringing. These I'll expand upon later. Also important to note, the "I need to the answer the phone" overlaps the gallery so it's very hard to make out, possibly a sign of internal struggle or not necessarily wanting to answer the phone but needing to regardless.

Letters out of place that I notices: w, i, [b or bu]. Putting in combinations of this in the top doesn't reveal anything new that I've found.

THE GALLERY

The gallery is very interesting! There is in total 24 images so I won't go too in depth with each, but I will go semi-in depth as there's lots of interesting things going on! And for MOST of them if you hover over them there is a transcript if text is within the image. This isn't the case for all of them, but majority is transcribed.

The first image is called "wall.PNG". It's actually one that I think stands out compared to the rest. Perhaps this is the entrance, perhaps it's the exit. It's the only one that doesn't get shown again later, other than the brief view of the black-grown wall. (if that wall is indeed the same as the one in others, it shows the height of the black growth).

The second image is called "chair.png". It is of a workspace. The orange sticky notes on the bottom have various spirals. IT's interesting to point out that in the left of the image there are cleaning supplies (or paint? both? it's hard to make out but I think it's cleaning supplies). Implies that whoever works here also much clean it.

The third image is called "ceiling.PNG". This one is really interesting and also doesn't appear in any other image. The eye appears to match almost exactly the eye under Home in the Neighbourhood page of the website, which leads to the "so-below". Eyes are an important motif, and it appears almost like the sticky notes with spirals drawn on them are "leaking" out of the black growth. Also interesting that it's taken up residence within the casing of a fluorescent light. These are often in schools or work buildings, implying that this is likely not happening in someone's basement. Also the the fact that it's coming where light should be is quite interesting too. Fascinating!!

The fourth image is called "button.png". It's a closeup of the desk, and shows off a few things that's there. Strangely the apple doesn't look real? Compared to the rest it looks like it was painted on. There is also black string coming out of the box of pens and markers and the sticky note and pen is the same as what has drawn some of the spirals. If I'm not mistaken Wally has yellow buttons in him, but not white. Unknown what that might mean, bit it's interesting! The container of vinyl gloves also has a sticky note that we can read in a different image. There is also a (discarded?) do not touch sign, likely for the growth on the walls or for reminding the Restorer not to touch stuff without gloves.

The fifth image is called "box.png". This a printed email sent to the WHRP by Questions Answered!. It's talking about the worksheet and code to enter the safe, ironically what we had to crack to get here. Possibly in-universe the code for the safe is something else. This shows up multiple times. Also, like other printed emails, it reveals this is taking place in 2023 (march and april to be exact!). This can be used to create a timeline of the emails (and events).

The sixth image is called "apple.png" and again, that appble doesn't look real. That might just be a me thing though. This is another shot of the desk and reveals a letter in the far right and vinyl gloves covered in the black growth on the walls. The sticky note on the gloves read "PUT ON GLOVES BEFORE HANDLING ANY ART. CALL ME IF WE RUN OUT!!!".

The seventh image is called "whoareyou.png". This one has the image of Frank with the red square (red is a colour tied to Wally). There is a blacklight message of "WHO ARE YOU?" with a drawing of a spiral and an eye, two symbols connected to Wally. Unknown if this is directed at the Restorer or at Frank. The yellow sticky note says "-IS ART WAS NOT... THE SHIPMENT... EASE STOP USING... WORK PRINTER.... PRANK ME >:(". Likely is read as "This art was not part of the shipment. Please stop using the work printer to prank me >:(". This is the same sticky note and writing style as the Restorer, so it's likely written by them.

The eighth image is called "corner.png" and it is of the corner of the room, a zoomed out image of "apple.png" and "button.png". It reveals that there's also a paint roller, a blacklight, four letters, two notebooks, a TV, toy phone and clock, an image on the wall and further black growth on the walls. Also has the same orange sticky notes/papers on the floor as the first image, proving that they must be taken within the same room/space. If so, all images here are from the one singular room, possibly all taken by the Restorer.

The ninth image is called "favorite.png". This is very very interesting because it's the only one containing a question answered directly by WHRP (asked by Question Answer!). It's asking about the WHRP experience researching and uncovering information about Welcome Home, but the blacklight reads as "Everything is so disgusting to touch. Sometimes the mail doesn't come for weeks. I want to rip into everything I have. My head feels so muddled too. Ever since I opened that envelope." The envelope is a direct callback to another page that mentions that the first information about Welcome Home came to WHRP in the forms of colourful envelopes (also used within the Welcome Home world). The blacklight message contradicts the printed response by WHRP. Implies that someone within the company OR from Question Answer! is covering up the actual working conditions for the Restorer and whoever writes the blacklight message (I do not think they're the same person(s)).

The tenth image is called "light.png". This is of the blacklight, strangely there are black strings or tendrils coming out of the blacklight (similar to the pen/marker box and of the black and white eye in the florescent light. Possibly the same growth as on the walls?). The sticky note reads "ATTENTION: ALL STAFF. CHECK ART WITH BLACKLIGHT BEFORE HANGING/PACKING/CLEANING/ETC. NEED PHOTOS FOR CONDITION REPORTS AND/AT WHRP TEAM!!!". This is written by whoever wrote the sticky note for the gloves, and doesn't look to be the same handwriting as the Restorer. In the top right you can see a part of another printed email (same as we see in other images).

The 11th image is called "mail.PNG". It's more printed emails, with the topmost having a transcript. The one on the right is dated April 13th and says "... out so promptly! I wasn't expecting them to arrive... value of these prizes for insurance?) - there actually... at all, could you send that so we can open the box... if that's easier!.... ration". Another email from Question Answer! and is about the safe prize again. The topmost email is about the upcoming exhibition and dated april 3rd, implying that the Restorer was able to restore a lot of pieces for the official exhibition, though still wants more to happen?

The 12th image is called "note.png". It's an orange stickynote with a drawn phone with two eyes. Looks like it's drawn in blacklight, possibly another message from whoever is doing that. The image was taken on the same desk the Restorer works on. Further proof that the blacklight writer and Restorer are not the same person(s).

The 13th image is called "notebook.PNG". This is written by the Restorer about the recent notebooks received from the WHRP. The Restorer mentions that it feels like it is all a prank and shoes desperation to find the answers. Doesn't look like the same hand writing as the sticky notes with instructions on them. Important that the phone is ringing! Also important that they say that the WHRP sent ONE notebook, so this notebook (yellowed pages with pargins and lines) belongs to the Restorer.

The 14th image is called "notebooks.png". This is of two notebooks, the one that the WHRP sent and the Restorer's notebook. The red one with the eye and spiral is from the WHRP while the yellow is from the Restorer. Interesting that it has a question mark and A on it, possibly implying that the Restorer works for Question Answer! and not directly with the WHRP team? The spiral and eye are in theme with Wally, and there is a bookmark with a Poppy like pattern sticking out. The notes are written by the Restorer, which means I might be wrong and the Restorer has been writing the rest of the notes too? Interesting! There's also a script that's too hard to read, and another sticky note with a spiral and a small doodle.

The 15th image is called "papers.png" and is of the papers on the ground, confirmed to not be sticky notes. They all have spirals on them, and are placed just before the desk in the room. Also the floors appear to be concrete?

The 16th image is called "Read.png". It's of the notebook that the WHRP team sent (on loan!). Interesting that the space around it is darkened while most of the images don't have that.

The 17th image is called "Bookopen.png". Unknown if this is inside the notebook sent by WHRP or the notebook owned by the Restorer. It has a doodle of a Home-like house with "The ... That ..." in it. The heart below has "You You" in it. The black marks could have been already there or recently placed there, unknown if they're fingers or more black growth (implication that the black growth came from the Welcome Home objects?). There are two drawings mostly covered by the open book, one that has an eye.

The 18th image is called "Booknow.png". It has a drawing on the left (same drawing that was under the notebook in "Bookopen.png". It also has a wally-like handpint in the bottom right, possibly implying this doodle is from Wally himself?). The right has an note written by the Restorer. It's hard to make out, but appears to generally be about their work on the project. Below is my attempt at making it more legible, but it's still too blurry to really read. Restorer notably does not give their name, and seems to be writing this to another person.

9. The 19th image is named "research.png". It's a zoom up of a sticky note written by the Restorer that was attached to the WHRP notebook. The blacklight reads "THE PHONE IS RINGING". 10. The 20th image is named "room.png" and is another image of the room, this time zoomed out further. Reveals that the handprints on the wall are human like (4 fingers and a thumb, not 3 fingers) which confirms Wally is not here @:P

The 21st image is called "safe.png". It is a picture of the second chair that has a photograph of Wally and the same safe that is seen when entering this hidden page. Interesting!

The 22nd image is called "sheet.png" and is of the same letter that is seen in another image (same letter that was cut off in the image "mail.PNG". The hidden blacklight text reads "WALLY DARLING" and the note is about the safe code. The email subject is asking about the safe code, and clarifies that the mail is about the activity prize being sent out in a lockbox. The insurance line is about what the prizes were, and the code to unlock the lockbox is within the activity worksheet. The sticky note is offering to send prizes at a later date once they can actually open the lockbox/safe. Dated april 13th.

The 23rd image is called "tv.png". It's the same TV as the one hidden page video with the strange audio, and appears to be severely outdated for 2023. This implies that the TV video was taken by the Restorer, who considers the TV broken. There are more handprints on the wall, and the phone is now on the phone holder instead of being out (no one has tried answering). It's also 5:20.

The 24th image is called "sorry.png". It is of an email from april 3rd. It's the same one we've seen elsewhere and the blacklight message says "I am so sorry.". Appears to be in response to the email, though it's unclear whether it's responding to being told that certain things cannot be touched, or that there is the black stuff growing on the walls. Also confirms that the black stuff on the walls isn't paint (or is not being painted on) but instead is growing on it's own. The sender of the email (Question Answer!) tells the receiver that they should not be considered if they experience nausea, dizziness or fatigued. Such lovely working conditions!

The 21st image is called "safe.png". It is a picture of the second chair that has a photograph of Wally and the same safe that is seen when entering this hidden page. Interesting!

The 22nd image is called "sheet.png" and is of the same letter that is seen in another image (same letter that was cut off in the image "mail.PNG". The hidden blacklight text reads "WALLY DARLING" and the note is about the safe code. The email subject is asking about the safe code, and clarifies that the mail is about the activity prize being sent out in a lockbox. The insurance line is about what the prizes were, and the code to unlock the lockbox is within the activity worksheet. The sticky note is offering to send prizes at a later date once they can actually open the lockbox/safe. Dated april 13th.

The 23rd image is called "tv.png". It's the same TV as the one hidden page video with the strange audio, and appears to be severely outdated for 2023. This implies that the TV video was taken by the Restorer, who considers the TV broken. There are more handprints on the wall, and the phone is now on the phone holder instead of being out (no one has tried answering). It's also 5:20.

The 24th image is called "sorry.png". It is of an email from april 3rd. It's the same one we've seen elsewhere and the blacklight message says "I am so sorry.". Appears to be in response to the email, though it's unclear whether it's responding to being told that certain things cannot be touched, or that there is the black stuff growing on the walls. Also confirms that the black stuff on the walls isn't paint (or is not being painted on) but instead is growing on it's own. The sender of the email (Question Answer!) tells the receiver that they should not be considered if they experience nausea, dizziness or fatigued. Such lovely working conditions!

Some images have the png in capitals and some don't. Is that important? I do not know!

THOUGHTS/SUMMARY

So what do we know? We know for sure that there is someone I'm dubbing the "Restorer" that works within this room. They are the one that took the pictures (most likely) and they are the ones restoring much of the stuff being sent by the WHRP team. They do not work directly for the WHRP but possibly for Question Answer!. There is another unknown person who is leaving messages only seen under blacklight.

The Question Answerer from the Playfellow Exhibition page of the website is likely either part of or is the head curator of Question Answerer!, the person that all the emails are talking to. They are the ones that have given the WHRP team the ability to set up the exhibition and given either funding, time, resources, or a combination thereof for the WHRP to continue their research. They know about the poor conditions of the room and do not care. It's likely that they are the ones that are "censoring" the messages the public gets about the WHRP and Restorer, as the text from the image called "favorite.png" says that the WHRP is very happy to work on the restoration (contradicts the blacklight) and the Question Answerer quotes from the exhibition page is all positive.

It's very interesting that all the emails are printed, we never get to see the actual people talking. We know it's conversations between the WHRP team (from the email address) and the head curator of Question Answer!, but we just see emails to Question Answer!, not from WHRP (other than sending a png of the worksheet). This also shows another interesting thing that the Restorer is given a huge lack of technology for their work, it's actually a huge lack of anything for the restoration work. There is some cleaning supplies in the corner, a box of pens and markers, gloves and a few tools, but majority of what they have is sticky notes and the black-growth health hazard. If I'm not mistaken, the TV might be the same as what would have been available back between 1969 and 1974, implying that the technology that is there is stuff that would have been around during Welcome Home's airing.

THEORY

After going through everything, here is my theory. Might contradict a few points I made above, but it's too long for me to go back. Plus that allows for more variations of interpretation haha.

I have a theory that the blacklight messages may be by someone in the WHRP team but not the Restorer. It apologizes for the poor working conditions, complains/reveals the truth of the working conditions, and asks general questions and mentions they too hear the ringing. If so, that would be more proof that there is separation between the WHRP and the Restorer.

In a similar train of thought, it's possible that instead of Question Answerer being the Question Answer! head curator, it's "supposed" to be the Restorer, but their messages have been "censored". The proof for this would be in the exhibition page, where it says "Question Answerer has taken great care in preserving these findings and helping to reproduce what couldn't be properly presented. They have also helped us to restore what was assumed to be completely destroyed [...]" and "It seems like everything these days is already neatly catalogued and answered down to the finest details. You can find a book or a website or what-have-you to answer any old question that might cross your mind. But Welcome Home was different! The more I looked at it, the more questions there were, and not an answer in sight. It was like a puzzle-box that had never been opened before, just begging to be investigated. How could I possibly resist a mystery like that - especially in a charming, colorful package! It was like a calling. A calling I just had to answer!"

Question Answerer is called that here because they're anonymous, another point that it could be the Restorer. Everything quoted there is variations of what is said on the hidden page version of the exhibition. They are the one working to preserve and restore separate from the WHRP team, and the rest is positive versions of what the Restorer has written or implied. The mystery being exciting and unique is a positive way of what the Restorer wrote about them being unable to find any proof of the show other than what they're sent. The puzzle-box could be the lockbox/safe that needs to be opened. The "charming colorful package" is another reference to how originally much of the Welcome Home proof was sent in colourful envelopes. The calling that "[they] just hand to answer" is in parallel to "I can still hear the phone ringing now. I don't know how to answer the phone. I need to answer the phone."

This lines up with the emails, that are sent to the curator, and the Restorer's personal notebook that has the questionmark and the A on the from, likely representing "Question Answerer". Only issue is that it seems that Question Answerer contacted the WHRP, and though the Restorer has shown desperation towards needing to find the answers "There has to be answers. There has to be. I'll find answers, people need me to have answers" but they also mention that they think it's a prank at multiple points, which doesn't sound like someone that would have contacted the WHRP first. That sounds more like someone that was drawn into it and then stuck in the position.

FINAL POINTS

Wally has been tied to eyes and spirals multiple times now, though more-so eyes. He is also tied to the ringing and to the TV static video. It seems like Wally is trying to contact the Restorer/Question Answerer, further proven by the messages left on the hidden webpage from Wally asking if he can be heard. Some of the blacklight messages have eyes and in the notebook sent by WHRP there is a Wally-handprint (not the first time Wally's hand has been seen somewhere). Is this proof that Wally is sending stuff from the WHRP? I'm unsure, but that is another theory! It would explain why that after all the ringing he now is trying to communicate through blacklights. Counterpoint: there is a note written to the Restorer/Question Answerer about checking for blacklight messages. That seems odd to me.

Does the eye in the cieling represent that Wally is aware and/or watching the restoration efforts? Is the black growth growing more that Welcome Home is uncovered, or is it from something else? Why hasn't the Restorer moved work places?

Additional thoughts: Wally is neither good nor bad, he is shown more as an outside force that wants attention rather than anyone behaving in a purposefully malicious way. If it's true that the black growth and the Restorer's nightmare/impossible need to the answer the phone is caused by Wally, he isn't doing it purposefully, or at least there's no proof. So far he sits beyond a moral assignment, at least that's how I see it. Also while the Eyes are symbolic of Wally's presence (or at least it's heavily implied through other hidden messages throughout the site) it isn't confirmed that the spirals are. The spirals could be something else. After all not all spirals are paired with eyes and not all eyes are paired with spirals!

I also would like to mention that as stated before entering the Welcome Home Website that the warnings of the site includes that it includes an exploration of topics like death, isolation, and mental health. I will expand upon this in another post, but here's some basic thoughts.

The room the Restorer is working in is isolated, almost to an absurd degree. They are sent tasks and expected to perform them through printed emails, meaning they do not get to answer. They have a toy phone, not a real one. They have an old non-functioning TV. The Restorer mentions that they think this is all a prank, and anyone they have talked to know nothing of Welcome Home. The growth on the wall could symbolize corruption, whether that be corruption from the original goal or corruption of one's health (dizziness, nausea, fatigue, those all can also be caused by isolation and poor mental health). I won't go further into it as that would make this post even more ridiculously long, but I thought it was something to introduce into the discussion of the new update.

Good bye for now!

[avescorviidae]

TOYHOU.SE TIPS FOR BEGINNERS

Hi! I’m new to Toyhou.se, and only started dipping my toes into coding a few months ago.

Although I can’t code properly yet, I still have some tips for getting into use of the website.

Disclaimer: This is only useful for very new beginners, I am not claiming to understand any of what I’m talking about!

1. FINDING YOUR PROFILE CODING THINGY

To code your profile, you need to go to settings, as seen here:

It’s going to be a bit overwhelming, but familiarise yourself with each tab of your settings bar.

Here is where you want to go:

The biggest part of using this HTML code box is to disable the WYSIWYG, which will allow you to actually input HTML and run it.

You do that by tapping this:

You can find HTML templates by browsing. 

The search page is pretty self explanatory, just have a flip through and familiarise yourself with the search settings. These settings are very diverse, and you should have no issue perusing the website to its full potential.

If you want to find codes type “profile” into the tags bar, that usually works for me

IMPORTANT NOTE: When using a template or code made by someone else, remember to read the rules of the code, boundaries are important! And make sure you always credit. The credit will often already be provided, so make sure to not obscure that. If it is, add credit somewhere visible on the page.

2. UPLOADING A CHARACTER

You can create a character here:

It will always be customisable, so if you need to customise it after submission, here’s how you find it again:

You’re gonna want to click on the characters icon:

And from there, search for CONTROL SETTINGS in the bar to the left. It will be in Manage Character > Edit Profile:

3. WEBSITES THAT WILL BE YOUR BESTEST BUDDY FOREVER

For Coding:

Circle Journey - https://th.circlejourney.net/ 

For Icons

Font Awesome - https://fontawesome.com/search 

For Image URLs:

ImgBB - https://imgbb.com/upload 

Image Colour Picker: https://imagecolorpicker.com/en

Other Colour Hex Websites:

https://redketchup.io/color-picker 

https://www.w3schools.com/colors/colors_picker.asp 

https://htmlcolorcodes.com/ 

4. CODE LINES THAT MIGHT SAVE YOUR ASS SOME SEARCHING ON MORE THAN ONE OCCASION

For Full-Page Backgrounds:

<div style="position:absolute;top:0;bottom:0;left:0; background:url(IMAGE URL HERE) fixed center;background-size:cover;width:100%;z-index:-1;"></div>

For Full-Profile Backgrounds:

<div class="col-lg-2 col-md-3 hidden-sm-down sidebar" style="height:75px;position:fixed;right:inherit;left:0;bottom:0;"></div> 

<div class="card rounded-0 border-0 col-lg-10 offset-lg-2 col-md-9 offset-md-3 p-0" style="overflow:hidden;position:fixed;bottom:0;top:0;left:0;z-index:-1; background-image: url(IMAGE URL HERE); background-attachment: fixed; background-size: cover; background-position: center;"> </div>

For Colour+Opacity:

style="color:rgba(0,0,0,0.1)"

(add in the RGB values (not HTML code) into the first three 0s for your colour. The 0.1 can be adjusted, i.e. 0.80, for the opacity)

5. LINKS!

Full Page Background Image Troubleshooting:

https://toyhou.se/~forums/16.htmlcss-graphics/195730.add-full-image-background

https://toyhou.se/~forums/16.htmlcss-graphics/214765.adding-a-background-image-on-profiles-in-html 

Music Player Tutorial:

https://toyhou.se/6560537.-music-player-tutorial-f2u-

On my page I use codes by these wonderful people!

https://toyhou.se/jiko 

https://toyhou.se/Lechet 

https://toyhou.se/BlipiTheDog 

https://toyhou.se/Pinky 

And my profile is this:

https://toyhou.se/AvesCorvidae 

Please feel free to DM me if you have any other questions, or if I got something wrong!

If you’d like to, we can also be mutuals on toyhou.se

That’s all, thank you!

[kiruliom]

hihi reddit's mogai peeps, welcome to mogaiblr, here's a (not so) small guide by your host Vivian to help you grow accustomed to this place.

press the read more/keep reading thingy to continue, dont worry, it dont bite!

general tumblr etiquette

tag your stuff, they wont be seen otherwise.

do not crosstag (tag a group youre complaining about), or tag unrelated stuff

reblog, reblog, reblog! if you see a post that interests you, reblog! this is super important as there is no algorithm and all the like button does is basically save the post for later

tag triggering things!! [thing] tw or [thing] cw should suffice, dont tag every possible version of a trigger, you only have 30 tag slots, it's the reader's responsibility to block all possible tags as theres no limit on blocked tags. I suggest trigger tagging after the 20th tag as tags after the 20th one dont show up on search (stupid I know) but still gets blocked okay

get a profile photo as soon as possible, this site has a massive bot problem and if youre thought to be one you will be blocked without hesitation

if youre on pc, I highly recommend you get xkit, its a browser extension that helps a lot with your tumblr experience

these are the basics, these have been talked about over and over with twitter refugees as well so I wont drabble on them too much

mogaiblr etiquette

1: keep in mind the intersectionality

the mogai tumblr community has a lot of overlap with other communities, namely the disabled community, nonhuman community and plural community. respect them, and listen to them, for they are your allies. you will see the overlapping community get referred to as "LIOM" a lot (like in my username), it stands for labels, identities and other minorities and is meant to be an all encompassing umbrella.

2: make your posts accessible

as I just said, theres a lot of disabled people in this community, so its important to make your posts as accessible as possible. I will talk more on this later

3: dont be afraid to ask individual blogs

there is no subreddit posting system, and if you just post a general question you likely wont get any answers, if you get seen at all, so dont shy away from asking individual blogs about stuff, if their asks are open, it means they WANT you to talk with them and ask them stuff, so never view it as bothering them. the askbox doesnt always say "asks" and similar stuff though due to being customizable, so just know its the little button to the left of the follow button.

4: check pinned posts

pinned posts are posts that are pinned on top of a persons blog, when you open someones blog, theyll be the first post to be seen upon scrolling down. a lot of people use these to introduce themselves, set boundaries, give request rules, talk about availability, etc. so its important to read these through whenever possible.

more on accessibility

1: image descriptions!!!

its basically where you describe the image, as the name suggests, tumblr has an alt. text function for it but it doesnt always work so little [boxes like this] right under the image is ideal for most, yes it makes it look less pretty, but is your aesthetic worth more than someone whos visually impaired not being able to understand the post? trust me no one cares if your posts are pretty or not. anyway, the ideal way to know how to describe an image is pretend youre explaining it out loud to someone across from you, who cant look at your screen for whatever reason.

2: plain text!

yes, tumblr has a lot of cool text features (like bold or italic, or even colored [PT: like bold, italic, or even colored. end PT]) but this is, again, unfortunately inaccessible, due to tumblr being a broken website it often doesnt register formatted text for screenreaders, plus it can be hard to navigate for people with disabilities even without a visual disability. this goes for fancy text and symbols as well (like stars emoticons or a cursive text font). so you have two options, offer a plain text alternative or dont format text at all. offering plain text can be done in the same way as image IDs (theres even an example above).

3: eyestrain

bright colors are awesome, trust me, Id know, but not everyone can view them properly without a migraine or even worse, a seizure. so its important to tag your posts with eyestrain if you decide to make a brightly colored flag, or even better, do your best to make the flag accessible instead, with slightly duller colors with more (or less depending on the flag) contrast. it doesnt make your flag as ugly as youd think, trust me ^^

4: availability cant do one or more of the things mentioned above for any reasons? dont fret! theres blogs out there that can help you, most of them do this out on their own accord.

currently the most active ones are @plaintextpro , @accessmogai and @transflorall (my blog hehe), who specialize in plain text, image descriptions and eyestrain-help respectively

thats about it that I can think of!!! thank you for reading, and if theres anything you'd like to add, dont be afraid to!

[gwyns]

An e/riel talked about how the fated mates quiz answers on sjm website could be potential plot lines and this was one of the comments they made:

“Emotional manipulation? She who must not be named - you know who - could have some emotional manipulation power. It fits in my opinion, especially with 'for whatever reason'...”

at the end of the post they added in a smaller font - “just want to add that emotional manipulation can be used in a positive way, like Max from Zodiac Academy does on occasion.”

I’m going to assume the she who must not be named is referring to Gwyn. I don’t understand is why e/riel’s harp so much about Gwyn being a side character/not important enough to further the plot, but constantly come up with theories of her being a lightsinger or being evil/having ulterior motives. If Gwyn turns out to be a lightsinger or evil there is no way that won’t take up a big portion of the book, that won’t be ignored and will be important. At least the added emotional could be used in a positive way, I guess. I’m just really tired of people being hateful (and misogynistic) towards Gwyn because of her possibly being Azriel’s mate. Why is it always somehow Gwyn possibly being evil? Why is it always trying to make her the villain? I’m so sick of it. It’s quite disheartening.

i really think stan culture has rotted their brains because in what world does a silly little quiz hold any relevance when it comes to future books? i promise you sjm had little to no say in that and it's just there to give fans something to interact with while we wait. looking for clues in a buzzfeed style quiz is like bringing a clown to a gun fight, it's stupid, wastes everyone's time and the clown is needlessly killed

the clown is e/riels' literary comprehension btw

i rubbed my temples in real time reading the rest of your ask. "for whatever reason" is just a fancy way of sjm saying "hey look! this means something!! pay attention!!!" sometimes i wonder if this is all just some big joke we're not part of because how do so many people miss the point? but then i go out irl and realize that oh! some people are just stupid

it's always the same, isn't it? oh gwyn isn't important, she's an irrelevant maid, side character, her story is over and blah blah... yet they get online to write paragraphs upon paragraphs about how evil she is and how she's going to corrupt az and be an obstacle for e/riel. that sounds like a pretty important character to me but hey! what could i know? i only get my information from the books themselves and not outside sources like our smart queens, the e/riels 👑