Psyphros



Recent works

Recent series

  1. Summary

    All my fics from 2024 mcyt fic fight!

    Words:
    29,978
    Works:
    5
  2. Summary

    A collection of fics worked on during the month of august and the first week of September 2024! Sponsored by fic fight thanks kings for running such an awesome event <3

    Words:
    151,754
    Works:
    13
    Bookmarks:
    2

Recent bookmarks

  1. Public Bookmark *

    Tags
    Summary

    This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)

    (Pics are mine though)

    Chapter 5 is probably what you're looking for ;)

    I'm not going to say I take requests, but I'm always looking for inspiration.

    It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!

    Series
    Language:
    English
    Words:
    17,765
    Chapters:
    16/16
    Comments:
    179
    Kudos:
    255
    Bookmarks:
    181
    Hits:
    8,800

    03 Aug 2024

  2. Public Bookmark *

    Tags
    Summary

    There are some great quick-and-dirty guides to HTML on A03. This is not one of them - it is a comprehensive guide

    It's now 2025, a decade later. A03 supports some new HTML and and we're all walking around reading fic on supercomputers that fit in a jean pocket. It was time update this and take a crack at finishing it. (Links and Images are in, the new Audio and Video tags are not.)

    The previous three chapters have been divided into smaller concepts. Each tag continues to have - at a minimum - a link to the w3schools page about it (so you can learn more), a code example, and the result of the code example. Most tags have their attributes, things like [src] or [title], listed and examples of how using the attributes modify the tags.

    There's a chapter on Bad Ideas, including how some of the archive's default CSS is available to you to format your work (users can't turn that off by hiding a workskin!)

    Oh. And I added a bunny army. You could learn how to add one too.

     /)/)  /)/)  /)/)
     (..)  (..)  (..)     
    *(  ) *(  ) *(  )     
    Series
    Language:
    English
    Words:
    27,841
    Chapters:
    15/15
    Collections:
    8
    Comments:
    1,216
    Kudos:
    6,306
    Bookmarks:
    7,248
    Hits:
    385,665

    03 Aug 2024

  3. Public Bookmark *

    Tags
    Summary

    This is a personal experiment with HTML. It is a very limited list with what I find useful.
    Update: Somehow I find more and more stuff useful, so this list is not that limited (and not that private) anymore. I'll improve it with time and according to my needs. I just realized, this will never be "complete" and there is no final number of chapters.

    So far that's posted:
    Part One: Basics
    Part Two: Lines
    Part Three: Footnotes and Links
    Part Four: Columns and Skins
    Part Five: Pictures
    Part Six: Videos (and gifs)
    Part Seven: Choose Your Own Adventure
    Part Eight: Chapter Title
    Part Nine: The Title, the Username, and Links
    Part Ten: Kudos Message (NEW)
    Part Eleven: Newspaper Article
    Part Twelve: Content Notes and Spoiler (NEW: Opacity)
    Part Thirteen: Playground for Jinx (glitch text, color, table)
    Part Fourteen: Text generator
    Part Fifteen: Boxes (still in progress)
    Part Sixteen: Vertical Text (NEWEST)

    Language:
    English
    Words:
    13,778
    Chapters:
    18/?
    Collections:
    7
    Comments:
    123
    Kudos:
    626
    Bookmarks:
    641
    Hits:
    25,629

    03 Aug 2024

  4. Public Bookmark *

    Tags
    Summary

    This a tutorial/live example on how to have text change or appear once a cursor is hovering over it. Helpful for pop-up spoilers, language translations, quick author's notes, etc.

    Series
    Language:
    English
    Words:
    999
    Chapters:
    1/1
    Collections:
    8
    Comments:
    106
    Kudos:
    689
    Bookmarks:
    832
    Hits:
    36,418

    03 Aug 2024

  5. Public Bookmark *

    Tags
    Summary

    This is a live example how to make invisible text that can only be seen by highlighting the text. Tutorial is included in text, and you can always leave comments about questions you may have.

    MOBILE USERS: Sadly, this probably won't work for you, since highlighting in a mobile browser is different than web. I've tried correcting this, but have yet to find a solution.

    Series
    Language:
    English
    Words:
    493
    Chapters:
    1/?
    Collections:
    4
    Comments:
    19
    Kudos:
    179
    Bookmarks:
    129
    Hits:
    23,223

    03 Aug 2024