#pagethree

[almfineartandphotography]

#TBT: Happy “Throwback Thursday”!! Looking for something to read this week outdoors? Grab your copy of “The Eastwick Press”, out now in newsstands or read online with your paid subscription. What a nice surprise to see my work selfie with Southpaw the Valley Cat used for this feature story I covered on Monday morning!! Thank you Doug for featuring my selfie in the story. Read all about Rensselaer County & the Tri City Valley Cat’s 2021 partnership and their encouragement to get their fans vaccinated at their vaccination clinics in “The Eastwick Press” @eastwickpress today!! Happy Thursday!! (“Rensco And Valley Cats Partner for 2021 Season” Press Release. Selfie of me and Southpaw taken by Bob Loveridge) #ALMFineArtAndPhotography, #TheEastwickPress, #TriCityValleyCats, @eastwickpress , @tcvalleycats , #JoeBrunoStadium, #TroyNY, #EnjoyTroyNY, #ImFeaturedInTheNewspaper, #PhotoByBobLoveridge, #RensselaerCountyNY, #VoluneThirty, #NumberTwentyOne, #PageThree, #RensselaerCountyNews, #WorkSelfie, #MondayMay172021, #May2021, #Spring2021, #IPhonePhotography, #PressConference, #SouthpawTheValleyCat, #PlayBall, #Baseball, #EventPhotography, #Photojournalism, @rensselaer_county_legislators (at Joseph L. Bruno Stadium) https://www.instagram.com/p/CPHS9ZsJBN1/?utm_medium=tumblr

[news-trust-india]

#page3newspaper #page3news#page3#hindinewspapers #pagethree #breakingnews #worldnews (at Dehra Dun, India) https://www.instagram.com/p/CRsmm6inavJ/?utm_medium=tumblr

[kspringer]

HAHAHA!! My #littlemonkey #eraser is on the verge of losing not just #oneear, but both of them!! A lot of #planning and #redoing goes into something that looks so simple. It’s way more than you would think. WAY MORE. #poorlittleguy #dreaming #comicstory #pagethree #storyboarding #animation 💋🥰❤️ https://www.instagram.com/p/CA4CSyABtF-/?igshid=soaz923duqe9

[mrmong]

"M. Lapin" Page 03. Link in bio #sumiink #kuretakeink #kuretake #brushes #comic #blackandwhite #ink #street #alley #dark #walking #nightwalk #theblackbunny #silhouette #houserabbit #paper #modernart #illustration #pagethree

[insertatitlehere]

Hi everyone!

Someone on Discord had asked me how I made my Chose Your Own Adventure fic - Hey there Ghosties, it’s us, ya boys! - It’s a OMGCP fic about the tadpoles and ghosts and jokes

I guess it could maybe interest some other people and maybe motivate a few to write CYOA fics themselves! I’d love to read some, so

Basically to write it, it was easy: I made it from top to bottom.

More under the cut 

There’s also some code to copy/paste to make that pictures won’t deform your browser on mobile !

The prompt came from an edit by @omgtranspoindexter.

From there, I mapped the entire scenario, the different arcs and different endings in one afternoon - I taped some paper together to make a vertical flow and I used what I remembered from technology classes in middle school to make a flow chart

It’s not a real flow chart bc i didnt remember how to make them correctly but the idea’s here. As long as you understand yourself all’s good. The sheets on the side are also taped, in a way that make the whole thing easy to fold and to show any sidesheet with any middle sheet - one side is notes about the story (what happens in X paragraph, dialogue I’d like to add, etc) the other side are technical notes (paragraphs that are doubles, differences between two routes, where I should put clues about the secret ending and the good ending, etc)  

What I did is I numbered all choices and arc starts had roman numerals - those would become the paragraph numbers when writing.

Then I began to write. I did it once again, from top to bottom, paragraph number after another. In case of parallel arcs I did one arc after the other. 

^example of an exploration arc

Once all was written, began the fun part - coding. I used MohnblumenKind’s code that I adapted a little to suit my own preferences, also their code is a bit broken. Basically, you need to make a work skin with the CSS they propose - I don’t remember if I changed stuff in mine regarding sizes and colors but here is my own workskin. Go wild if you wanna personalise it

#workskin .storycontainer {  margin: 0 auto;  overflow: hidden;  width: 100%;  height: 600px;  text-align: justify; } #workskin .page {  margin-top: 25px;  height: 550px;  overflow-y: auto; } #workskin .page::-webkit-scrollbar {  -webkit-appearance: none; } #workskin .page::-webkit-scrollbar:vertical {  width: 12px; } #workskin .page::-webkit-scrollbar:horizontal {  height: 12px; } #workskin .page::-webkit-scrollbar-thumb {  background-color: rgba(0, 0, 0, .5);  border-radius: 10px;  border: 2px solid #ffffff; } #workskin .page::-webkit-scrollbar-track {  border-radius: 10px;  background-color: #ffffff; }

Don’t forget to turn on the skin for your work

The HTML is a bit trickier because MohnblumenKind’s has a mistake but basically you should be good using this:

<div class="storycontainer">

<p></p><div class="page"> <p><a name="pageone" rel="nofollow" id="pageone"></a>Text of page one</p> <p><a href="#pagetwo" rel="nofollow">Link to page two</a><br /> <a href="#pagethree" rel="nofollow">Link to page three</a></p></div>

<p> </p> <p> </p> <p> </p> <p> </p> <p> </p>

<p></p><div class="page"> <p><a name="pagetwo" rel="nofollow" id="pagetwo"></a>Text of page two</p> <p><a href="#pageone" rel="nofollow">Back to page one</a><br />  <p><a href="#pagethree" rel="nofollow">Continue to page three</a></p></div>

<p> </p> <p> </p> <p> </p> <p> </p> <p> </p>

<p></p><div class="page"> <p><a name="pagethree" rel="nofollow" id="pagethree"></a>Text of page three</p> <p><a href="#pageone" rel="nofollow">Back to page one</a><br />  <p><a href="#pagetwo" rel="nofollow">Continue to page two</a></p></div>

</div>

This last </div> is very important - it’s the one closing the “storycontainer”. It MUST be at the very end of the text, otherwise all will be broken! Keep it at the very bottom and make sure it stays here. 

Also I’m not sure of how it works exactly, but when you first open the fic the story container is off - it’s on only when you first click a link. So if your first paragraph is longer than 600px - the size of the container -, your page will be broken. You don’t want this. My fic was supposed to begin In media res but I had to put an intro that’s just three emojis and a link to the actual first paragraph so it’s not broken :( 

So all’s good, I had the basic code, but - I had 70+ paragraphs to code. It took me around 25 hours and I worked on Notepad++, with frequent checks on AO3 to make sure it worked. I first purely coded, with just the links worded:

once I made sure on AO3 that the whole thing worked, that all links redirected you to the intended paragraphs etc, I added the text of the paragraphs

do yourself a favour and add the text via AO3′s rich text option.

That’s basically it!

One more thing, the banner: I put it above the story container so it’s always on the page. I also wanted to code it in a way that wouldn’t deform the page on mobile (you know those pictures too big. You know the pain.) but would still be big on desktop, so i made this CSS to add in your work skin:

#workskin img.banner {  max-width: 100%;  max-height: 100%; }

to use it it’s the code:

<img class=“banner” src=“source of the pic” alt=“description of the pic” />

Thanks for reading, good luck if you wanna try ! Don’t hesitate to ask questions

Here is the link if you wanna see on AO3

[auric-lepus]

PlushHearts-PageThree

Introducing, patches dad, ringo!

[news-trust-india]

#page3newspaper #pagethree #page3 #page3news #pithoragarhdiaries #pithoragarh #uttarakhandnews #hindinews https://page3news.in (at Dehra Dun, India) https://www.instagram.com/p/CGwG5YMHN0t/?igshid=afygxpz45qbp

[privateengine]

Epilogue - Fang The Red Avenger

[almfineartandphotography]

#SundayThrowback: Happy “Sunday Throwback” everyone!! Did you pick up your copy of “The Eastwick Press” yet?! Be sure to pick up your copy now while it’s on the shelves!! The first few weeks of September have been busy for me as you can see! I covered the 4-H Club Horse Show at the Schaghticoke Fairgrounds (9/1/20) & last Tuesday (9/8/20) covered the Bi-Weekly Food Giveaway Event held at the Town of New Lebanon, NY Town Hall!! You can read about these events I covered in the September 11th edition of “The Eastwick Press” out now!! Happy Sunday! (Photos and stories by Amy L. Modesti) #TheEastwickPress, #September112020, #Volume29, #Number36, #PageThree, #PageTen, #ALMFineArtAndPhotography, #TownofNewLebanonNY, #SchaghticokeNY, #SchaghticokeFairgrounds, @schaghticokefairny , @rensselaer_co_4h , #RensselaerCounty, #ColumbiaCounty, #EventPhotography, #PhotosByAmyModesti, #StoryByAmyModesti, #Photojournalism, #UpstateNY, (at Upstate New York) https://www.instagram.com/p/CFFvbZGJozl/?igshid=t2hyihfa4lg5

[news-trust-india]

#worldnews #trump #pok #page3news #page3newspaper #page3 #pagethree https://page3news.in (at Dehra Dun, India) https://www.instagram.com/p/CGJUOfYHsdG/?igshid=78tuxb5uh22o

[almfineartandphotography]

#SaturdayThrowback: Happy Saturday & Happy Post-Valentine’s Day everyone!! Don’t forget to pick up your copy of this week’s edition of “The Eastwick Press”, now out on newsstands!! Last Thursday, I was in the City Of Rensselaer, NY covering this good-feeling story about Maria Ostrander, a Rensselaer resident, was the recipient of the 4 millionth “Meals on Wheels” meal provided by Rensselaer County officials, including City of Rensselaer’s Mayor, Mike Stammel!! Congratulations to Maria on being the recipient of this milestone meal & thank you to Rensselaer County and “Meals on Wheels” for providing these meals to our area seniors and those who are in need of nutritional assistance. You can read my story about this event in “The Eastwick Press”!! Happy Weekend! (“County Delivers Four Millionth ‘Meals on Wheels’” Story and photo by Amy L. Modesti, 2/6/2020). #HappyWeekend, #TheEastwickPress, #ThursdayFebruary62020, #FridayFebruary142020, #Volume29, #NumberSeven, #PageThree, @eastwickpress , @rensselaernys , #CityOfRensselaerNY, #RensselaerNY, #MealsOnWheels, @mealsonwheelsamerica , #FourMillionthMeal, #MikeStammel, #MariaOstrander, #ALMFineArtAndPhotography, #February2020, #JournalismPhotography, #FeelGoodJournalism, #MilestoneForRensselaerCounty, #StoryByAmyModesti (at Rensselaer, New York) https://www.instagram.com/p/B8nEU_3p3Av/?igshid=7zp111vjv30f

[news-trust-india]

#pagethree #page3newspaper #page3 #page3news #uttarakhandnews #hindinews #dailynews #hindinewspaper https://pagenews.in/2020.htm (at Dehra Dun, India) https://www.instagram.com/p/CEx-M7Tn9sh/?igshid=135urhhx04pom