Updates
Tue, 12 Mar 2019
Hahah! Finally figured out how to format dates in PHP. It's so beautiful... so much more readable.

Sat, 23 Feb 2019
Yea... site is more IE 11 compatible. Got no idea what it looks like on older versions of IE though. Probably rubbish I'm guessing. IE is so complicated to play with. It doesn't like 'sticky' and it doesn't like 'details.'

Tue, 12 Feb 2019
Notes activate on hover on desktops and on tap on touch devices. Light/Dark mode also works. XML is awesome. Just realized I could write my GROUP UPDATES as an xml file, ignore RSS, and have it pull for me. Completely not clean but works. Hahaha! -giddy laugh of happiness-

Wed, 30 Jan 2019
Audio chapters up for OASNG. I've been wanting to do some narrations, but never got around to it. Finally hunkered down and got a few chapters out. It wasn't as hard as I thought. The most difficult part was learning the software; it was a bit of a learning curve. Hoping things will get easier as I become more familiar with it. I don't really have a style I'm commited to yet so you will see a lot of changes in my vocalizations. I'm also learning to use the audio software so the start is a little rough. And yes I know I'm butchering the names, just go with it OK?

January Something: RSS feeds

Each translation now has its own RSS feed. If you subscribe to one please make sure to uppub using the icon links next to the title. An Oddette’s Otherworld Odyssey has also been changed to: The Otherworldly Adventures of a Super Naive Girl. Thanks to all those who voted and providing a most amusing Pokemon comparison. NU puts different iterations of names under "Associated Names" so you should be able to search for the story under both names. edit: Not sure if it’ll stick but I’ll try to add a translator’s synopsis to the description on NU.

1/1/2019: Oddette Title Change

If Oddette was a cultural reference then I would have liked it, but it wasn't. It just feels like an inappropriate play on words. At worst, Feng Wu is a bumpkin from the mountains. Although her lack of social grace makes her disconcerting to deal with, it doesn't make her odd (or afflicted with ODD. I'm not sure how clever it was supposed to be...)

"Otherworld" (unless it was a typo and it was supposed to be "other world?") is about the spirit realm, a world beyond death. This world is a magical one, not an otherworld. "Otherworldly" would have been a more apt description. It's an adjective for a magical world, a world of the imagination, which fits when you consider that the girls transmigrated into a novel.

Then there’s "Odyssey"... Honestly "adventure," though not as fancy, would have sufficed as a more accurate description and translation of Feng Wu's transmigration.

Put together "An Oddette's Otherworld Odyssey" suggests an "odd" girl's adventures through the afterlife... which is not what the story is about.

The meaning behind the title should be: (some adjective for not being sharp) girl other world go.

There are a lot of ways to say it in English, but "An Oddette's Otherworld Odyssey," though cute, is a misleading one. thus my constant irritation whenever I'd go to post an uppub. At first it was a tiny nag, but the more I got to understand Feng Wu's character and the story setting, the more the title bothered me, thus the title change. At the same time I didn't want to do it and possibly suffer the wrath of Potatoes alone, so I made it democratic with a vote.


Archives 2018
2018: End of Year Updates

OK... OK. I wrote this earlier thinking I was done for the year but I got absorbed in coding and ended up changing a lot of stuff around - a crazy amount of design.

Update is long. I highlighted the important points. Just skim and read the ones that feel relevant to you. Here’s the short of it:

  1. changes to notes
  2. amazon wish list
  3. Rebirth **hiatus**
  4. Wattpad retirement
  5. reading recommendations

1. Changes to notes:
You won’t see them for:
  • unknown translations – as in those translations I post the original text for because I have no idea how to interpret them.
  • personal asides – I’ll put my thoughts in the comments/header/footer if I feel like sharing.
  • cultural terms and definitions – technically still around, just in a much more limited way. If I need to look it up to understand something then I’ll add a note.

Instead notes will be used for:

  • editorial notations – such as typos with significant impact to the story line.
  • gentle reminders – about plots, names, stuff like that.
To a certain extent I’ve already started, but now it’ll be in full swing. So if you find fewer and terser notes, that’s why.

2. Coding and gifts
I wanted to do something fun, and since Christmas was on my mind, I decided to tap into my desire for presents and combine coding and gifts. I recently learned how to make password protected pages, so now there will be a few on the site. Don’t be surprised if there are places you can’t access; they’re related to my Amazon wish list.

If you send something, great. I’ll be super excited. Just PLEASE make sure you check the box that denotes it as a gift, otherwise I won’t get the option to send you a thank you note.

As for coding, I really got into it...
  • worked on @media break points and GIMP for photo editing
  • got a better grasp of how ordering works in CSS
  • switched to a darker tone for the background
  • menu changes and so much other stuff!!
  • FYI: if you use Windows 10, clicking "crtl+windows key+c" will invert your screen color.
There was a lot of swearing and cussing. It was a lot of work, but I learned a lot too.

3. Hiatus:
Rebirth will be on hiatus. The cheek. I barely update it as is, yet it’s going on hiatus. But four stories at once just doesn’t give me as much time to code as I’d like. Plus screw those assholes who copy and paste without credit; they can do their own translating. Paywalls indeed... tch.
Hiatus will start after chapter 13. Will pick it back up when I’m more caught up with my first love ATP, soft guess will be around July 2019.

4. Wattpad:
Goodbye Wattpad, hello Microsoft Word. I briefly used Wattpad as my word processor, but I’ve since moved on to Word. Say what you want about Microsoft, but their Word 2019 is great.

Those freebies like Grammarly and Google Docs just can’t hold a candle to it. Even the 365 version of Word doesn’t work as well as the desktop version, all that autosaving just makes it sticky, well at least in the institution version.

Combine the desktop and the app together and I'm pretty satisfied. It does everything I want: style, proofing, and cloud storage. I can work on my things whenever, wherever, on whatever device, with or without internet access, AND it eventually all syncs and saves. Thank goodness; it’s a keeper.

5. Recommendations:
I feel like I have to recalibrate my English from all the MTL/MTLish translations I’ve been reading. Do you have any good quality translations on NU to recommend? My idea of quality titles include: Deep in the Act, Utsukushii Koto, and Cold Sands. The translators, editors, and proofreaders work great together, well except for Utsukuskii; that translator just works really hard solo. Kudos translator-san, kudos.

I’m up for native english stories too, ones set in the East/Middle East along the lines of Guy Gavriel Kay or Barbara Wood. If you read the same things I do, throw me some recommendations. Goodreads and Amazon just haven’t given me any good ones lately.
Anyways,

Happy New Year!!!! Kukukuku! I’m having a good time. -nods head-. MORE coding! Yeah I know you want the stories, but hey, how the story is presented is also part of the experience. =)



11.5.2018: Site theme change

So now it's a lighter theme. Maybe keep it as a light theme.

10.28.2018: Wattpad

I used to use Google Docs to store and edit the raws but Wattpad is so much easier to use, especially because I don't usually group edit it with anyone. When my guest editor proofreads it for me I just print out a physical copy and share it that way, so I don't really use Google Docs for collaboration purposes at all, which is where it really shines.

The chapter navigation on Wattpad is smoother and I can even use my laptop to edit offline. Google Docs won't let me do anything offline. Sucks. So I've been gradually moving my edits over to Wattpad. The finished chapters have been published there too. I'll leave the Google Docs chapters I did up but I won't be updating those anymore after this month of releases.

edit: well Wattpad would have been perfect if it kept the quotation marks and apostrophes stylized.

9/10/2018: Admin Comments
  • Settled on a way to distinguish admin comments from user comments by creating a NULL row in MYSQL. Enter admin comments directly into the SQL database for replies, then create a CSS rule to display it a little differently.
8/5/2018: RSS and content layout
  • Added RSS. The validator shows errors but it doesn’t seem to affect the functionality
  • Updated the index page layout
7/26/2018: Security updates
  • added more sanitization for the user input fields
  • updated ATP page
  • made some CSS changes
updates 7.21.2018
  • switched to bootstrap and adjusted the accordion
  • index page tabs: min-width to make them more uniform
  • accordion card animation adjusted so not as harsh on scrollTop
  • linked [closed panel] at bottom of the each chapter
  • only one accordion pane open at a time.
  • updated popovers for all story files with the exception of ATP
  • made an outline file for loading up new chapters
  • updated index tabs to include more info about the titles
  • trying to decide if I want the definition list to be a drop down display as a modal
  • Bootstrap 4 is pretty new so I don't think an upgrade will happen too soon so I modified the Bootstrap CSS file directly
  • I do like the accordion from Bootstrap because it scrolls with the main window instead of using its own frame scroll

7/17/2018: work on notes

After having gone through the documentation for popper.js I really appreciate the amount of work and thought that was put into the jQuery documentation. The user experience between the two were dramatically different. Even as a newbie I can understand jQuery because it’s so clearly written, not to mention the amount of detailing in all their examples.

Although I liked the idea of poppers.js it was just too hard to understand so I had to nix the idea of using it. Instead I’m just going to go all in on Bootstrap. It’s good. I might as well just use it. I’ll parse out the CSS and mod it. The only failure it has is the lack of address for image inclusion in the popovers. Yes I can add it as a script but to do that for every instance of an image would be cumbersome. So as of right now I still don’t know how to handle images other than to just keep using the tooltip I have now. I may just stick to appending them to the end of the paragraph or include a link instead.

That was two days of solid work. Now I have to go back and update all the notes from the text to the popovers. I may hold of on doing so just because I’m not sure how much I will like Bootstrap. It does take longer to load…

7/16/2018: tooltips, dropdowns, and popovers

So tooltips/popovers/drop downs call it what you will but they are a pain to work with. Depending on where they’re positioned, sometimes they get cut off screen. I’ve fiddled with the css and the html and looked through online but … IT JUST DOESN’T WORK! I was finally going to give up and download Bootstrap because their popovers have the “auto” placement which automatically aligns with the window space. It was beautiful, so beautiful. But I didn’t want to download Bootstrap just for that one thing. Plus I liked my own CSS and tag names. If I got Bootstrap then I’d have to reorient myself to a new naming convention. I was going to bite the bullet but decided to do one final Google search “how does bootstrap align their popovers” and that sent me to Bootstrap’s documentation page. Scrolling through it, I saw the different stipulations for making the popover work… such as the need for popper.js. A javascript library just for popovers?! That’s exactly what I need. It’s all I need. Mini javascript libraries that do just one thing are great!

7/10/2018: Got WAMP set up and other stuff

Got WAMP installed so that’s cool. Now page my counts will actually be more reflective of the real traffic on the site.

Prettied up the index page and added some publication info. I want to put in the auto refresh for the comment box but I don’t want to use innerHTML either. I want to try using CSS to create a night mode and a day mode so I’ve been trying to keep my color palette small and consistent.

The code tab looks so shitty…

7/2/2018: icons and HTTPS

I feel good. Got HTTPS and annoying as hell apple icons in. -thumbs up- The HTTPS was not as bad as I thought it would be. I thought I’d have to install it and all this other stuff but Go Daddy took cared of the entire process for me. I just paid for the SSL and they did all the configurations. The only thing that didn’t go correctly was the redirect. I went into the “hwhateveracess” file and inserted the code for redirects. And it worked for the index page but it failed to work for any of the subfolders even though the code I used was supposed to affect the entire domain. I felt a little bad but I asked NU to update all links for my translations. Wasn’t sure they would but they did. Not only that, they were so FAST! I’m always surprised at their speed.

I also temporarily lightened my accordion colors to bring more attention to the notice banner up top. Will probably take it down in a month.

It also feels like my javascriptcomprehension has leveled up a bit. Will try to use it to make real time update for the comments display.

6/27/2018: drop downs and macros

I noticed the drop down menu css is a lot like the tooltip css so I may just merge the two together to cut down on some of the coding there. Also noticed the drop down is a lot like an accordion… just without the click javascripting…for mobile devices it would work fine to replace with it since there’s no mouseover but for the desktop it would be different. Not sure. Thinking about it.

Placed comments under details tag so it’s out of the way of the main text. It doesn’t show up in all browsers but I’ll work on that some more later. Maybe place it in the drop down as well? Man really feels like the drop down is all powerful here.

Found a format workflow that works for me. Realized I could just use macros in Notepad++ to add my p tags. It was hard to use the copy and paste function cause it felt like I was overreaching with my fingers, so my life is also a lot easier now. Not bothering with aggregator sites anymore either.

Redid some of my html coding too. Yeah I’m one of those people that need to clean their room up before they can study.

6/6/2018: backups are looking good.

Updated the 404 error page to include a Google Docs links to all the chapters. That way if I really mess up people can still read the text version of the story. It won’t be pretty or formatted very well but at least it’s available. As a bonus it’s easy for screen readers. So =) Also did a back up of the site so I feel pretty secure about that.

Looking into RSS/Atom because of a reader comment. Let’s see if I can code one. A static one looks pretty easy to do but I’d prefer to make a dynamic one that updates on it’s own. It looks a little complicated though, seems like I’d have to include a database… which may be beyond my abilities right now. I only barely understand enough to make the one for the comments. Anyways wish me luck!

Also while looking into it I discovered why there were rss requests in my logs. Turns out if you use a CMS like Wordpress for example, even if as a content creator you don’t know about it, there is an rss page for your site already installed. So even if there are no links for a feed sign up readers can still sign up. They’d just have to type in the URL with ‘rss’ at the end. It should work. Sounds interesting. I’m a complete RSS newbie, I haven’t even subscribed to any feeds. I will try figuring it out as this month’s goal. But anyways, it explains why there are people who are searching for justreads.net/rss. I’d never made an rss page so didn’t understand why anyone was searching for it.

Also I feel like my world got rocked a little. Previously I’d always use the html entity &rsquo for apostrophes because when I typed it straight in the code editor it would color the text blue, which I took as a bad sign, like does it think it’s code? But apparently if I just copy and paste, like say from my Google Doc, the text is OK. No color changes. Not sure why that is, but it certainly makes typing a lot easier!

5/23/2018: Tabs

Well I figured out why I got those mysli_num_rows.... errors. Turns out it didn’t like the fact that I had html commenting in front of it. -shrug-

Stylized the images and updated the translation tab. While I was at it I also took off the “Fanfic” and “Translation” in the menu bar. One was redundant and the other... well... honestly... whenever I get around to it I can always just add it back in there.

Fixed the opacity of my #container to my liking and added a leafy green background for spring. Currently am working on designing an icon so I can get rid of those annoying “apple whatever icon” errors.

5/17/2018: database errors

So I made my database better and that’s good... but now I’m not sure what my error is. Previously I had the comment display in a separate file and there were no errors, but when I put the comment display in the same page as the content I get errors. It still displays fine and everything looks the same so not sure why the error is there. Error message looks like this
Warning: mysqli_num_rows() expects parameter 1 to be mysqli_result,

Also why isn’t it consistent? The errors don’t show up in all the iterations, just some of them.

5/13/2018: database renames

Redoing my database so taking off the comments links for now.

5/6/2018: HTML 5 entities

There were many successes and failures. I don’t remember them all. It’s just a haze right now, but some goodies I learned were:

<q> for quick quotations

<details> and <summary> for a straight html drop down display without the javascript, though it does not work on old timey Internet Explorer (Edge is OK though). I will probably just stick with the accordion but this is good to know about.

<small> to display smaller text. Can be used instead of creating a whole new div or span for minor content like notes. It’s not stylized, but for speed it works well. The only downside is it can’t be a child element of block tags like <p>.

I had a copy and paste nightmare with some of the files. It was a catastrophe. A mess, a hot hot mess. I had to just walk away. Good for my translations though as I finally picked them up again.

I think instead of a journal I’ll do an “Errors I learned from” page. Perhaps I’ll start it next week.

4/19/2018: comment box

I’m smirking because everything looks good. Will work on getting the “Translation” page itself formatted something this week or next week. I’m leaning towards using tabs to organize the information.

4/18: PHP MySQL and error_log

I celebrated too soon with the comment box, because although I did create a functioning one that showed up appropriately for the user, I didn’t realize there was such a thing as an “error log” in each folder. I was only aware of the errors generated by MySQL itself. That log is the most useful thing ever, annoying, but super useful. Annoying when there are errors in it, but useful because it tells me where the errors are. So for the comment box there were a slew of error messages in the log. I was shocked. From what I’m given to understand the log helps provide details on errors that may or may not be problematic. It looks at the syntax and other mysterious stuff (to me anyways) and basically just says, “Hey you may want to look at this. Yeah your code runs and it works but... best practices are not being followed here.” Basically it was telling me to stop fudging things because there may be consequences in the future. What kind of consequences? Security issues and display issues going forward when other things are entered into the mix. So knowing this I decided to try my best to figure it all out.

And I did.

Absolutely no errors in my log. Completely clean. I am so happy. It was a tremendous amount of work and frustration, from cache clear errors, database server weirdness, to my confusion over my folder bread crumbs. I should have done a better job doing my wireframe. Things are finally settled and it took all of a whole week. Honestly I don’t think that’s too bad.