• Rewind
  • Restart
  • Bookmark
This story was created with Twine and is powered by TiddlyWiki. The Responsive Story Format is by Emmanuel King Turner. Twitter: @stormrose
<<nobr>>\n<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,900italic|Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>\n<<set $firstFirstUsername = either(\n"Fudge", "Cookie", "Wafer", "Choc", "Raspberry", "Nut", "Screwball", "Flake", "ChocIce", "Ice", "Syrup", "Dessert", "Jam", "Ripple", "Raspberry", "Swirl", "Drop", "Neopolitan", "Cornet", "Whippy", "Hundreds", "Thousands", "Sprinkles", "Mint", "Chips", "Sundae", "Bacon", "Cream", "Strawberry", "Cherry", "Sno", "Snow", "Creams", "Creamy", "Vanilla", "Screwball", "Lollypop", "Lolly", "Knickerbocker", "Banana", "Mango", "Trifle", "Cool", "IceCold", "Gelato", "Frogurt", "Milk", "Malk", "Floats", "Spider", "Freezer", "Frozen", "Waffle", "Scoop", "Sauce", "Icing", "Chunky")>>\n<<set $secondFirstUsername = either("Grandpa", "Prince", "King", "Duke", "Lord", "Baron", "Man", "Guy", "Dude", "God", "Nurse", "Priest", "Dad", "Boy", "Mister", "Master", "Uncle", "Male", "Emperor", "Count", "Patriarch"\n)>>\n<<set $firstSecondUsername = either("Fudge", "Cookie", "Wafer", "Choc", "Raspberry", "Nut", "Screwball", "Flake", "ChocIce", "Ice", "Syrup", "Dessert", "Jam", "Ripple", "Raspberry", "Swirl", "Drop", "Neopolitan", "Cornet", "Whippy", "Hundreds", "Thousands", "Sprinkles", "Mint", "Chips", "Sundae", "Bacon", "Cream", "Strawberry", "Cherry", "Sno", "Snow", "Creams", "Creamy", "Vanilla", "Screwball", "Lollypop", "Lolly", "Knickerbocker", "Banana", "Mango", "Trifle", "Cool", "IceCold", "Gelato", "Frogurt", "Milk", "Malk", "Floats", "Spider", "Freezer", "Frozen", "Waffle", "Scoop", "Sauce", "Icing", "Chunky"\n)>>\n<<set $secondSecondUsername = either("Dowager", "Princess", "Queen", "Dutchess", "Lady", "Baroness", "Woman", "Gal", "Dudette", "Goddess", "Doctor", "Mum", "Girl", "Missus", "Mistress", "Grandma", "Aunt", "Female", "Empress", "Countess", "Dame", "Matron", "Matriarch" \n)>>\n<<set $firstThirdUsername = either("Fudge", "Cookie", "Wafer", "Choc", "Raspberry", "Nut", "Screwball", "Flake", "ChocIce", "Ice", "Syrup", "Dessert", "Jam", "Ripple", "Raspberry", "Swirl", "Drop", "Neopolitan", "Cornet", "Whippy", "Hundreds", "Thousands", "Sprinkles", "Mint", "Chips", "Sundae", "Bacon", "Cream", "Strawberry", "Cherry", "Sno", "Snow", "Creams", "Creamy", "Vanilla", "Screwball", "Lollypop", "Lolly", "Knickerbocker", "Banana", "Mango", "Trifle", "Cool", "IceCold", "Gelato", "Frogurt", "Milk", "Malk", "Floats", "Spider", "Freezer", "Frozen", "Waffle", "Scoop", "Sauce", "Icing", "Chunky"\n\n)>>\n<<set $secondThirdUsername = either("Chief", "Royal", "Ruler", "Monarch", "Princex", "Domme", "Pope", "Knight", "Noble", "Squire", "Judge", "Folk", "Driver", "President", "Minister"\n)>>\n<<set $Username1 = $firstFirstUsername + $secondFirstUsername>>\n<<set $Username2 = $firstSecondUsername + $secondSecondUsername>>\n<<set $Username3 = $firstThirdUsername + $secondThirdUsername>>\n<<endnobr>><h1><<$Username1>>\n<<$Username2>>\n<<$Username3>>\n[[Another|Start]]</h1>\n
jquery:off\nhash:off\nbookmark:on\nmodernizr:off\nundo:off\nobfuscate:off\nexitprompt:off\nblankcss:on\n
/*\nyellow: #faed8e; //rgba(250, 237, 142, 100)\npurple: #bdabff; //rgba(189, 171, 255, 100)\nblue: #a8e8ff; //rgba(168, 232, 255, 100)\nred: #bf2346; //rgba(191, 35, 70, 100)\npink: #fb9caf; //rgba(251, 156, 175, 100)\n*/\n\nhtml { width: 100%;\n height:100%;\n display:table;\nbackground: #a8e8ff;\noverflow: hidden;\n}\n\nbody {\n\tmargin: auto; \n\twidth: 100%; \n\ttext-align: center; \nfont-family: 'Roboto';\nfont-weight: '400';\nfont-size: 14px; \n height:100%;\n display:table-cell;\n vertical-align: middle;\nmax-height: 95vh;\nbackground: #a8e8ff;\n}\n\nimg {max-height: 300px;\npadding: 20px;\nalign: inline; }\n\n#passageStart.passage{\n /*border: 5px dashed #BF2346;*/\n background: #fff;\n margin: 41px;\n padding: 0px;\n}\n\n#passages {\ndisplay: flex; \njustify-content: center;\nalign-items:center;\n background: #fb9caf;\n border: 5px dashed #FAED8E;\n padding: 9px;\ncolor: #fb9caf;\nmargin: 31px;\n}\n\n#main-container {\nbackground-color: #FB9CAF;\n}\n\n#header-container, #footer-container{\ndisplay: none;\n}\n\n.passage h1{\nfont-family:'Sue Ellen Francisco';\nfont-size: 5em;\ncolor: #a8e8ff;\n line-height: normal;\n\n}\n\n.passage h2 {\nfont-family:'Sue Ellen Francisco';\nfont-size: 3em;\ncolor: #a8e8ff;\nline-height: 0.7em;\n}\n\n.passage h3 {color: #bdabff;\nfont-size: 3em;\nline-height: 0.006em;\n}\n\nb {font-family: 'Roboto';\nfont-weight:'900';\ncolor: #bdabff;\n}\n\ni {font-family: 'Roboto';\nfont-weight:'400';\nfont-style: italic;\n}\n\n.passage {\n margin: auto;\n width: 720px;\n font-size: 0.9em;\n height: 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #fff;\n padding: 0px 8%;\n color: #755;\n overflow: hidden;\n\n}\n\n.passage a {\n\ttext-decoration: none;\n\tcolor: #bf2346;\nfont-weight: 900;\n}\n\n.passage a:hover {\ntext-decoration: none;\ncolor: #a8e8ff;\t\nfont-weight: 900;\n}\n\n.passage a:active {\n -webkit-animation-name: bounceOutUp;\n animation-name: bounceOutUp;}\n\n@-webkit-keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n@keyframes bounceOutUp {\n 20% {\n -webkit-transform: translate3d(0, -10px, 0);\n transform: translate3d(0, -10px, 0);\n }\n\n 40%, 45% {\n opacity: 1;\n -webkit-transform: translate3d(0, 20px, 0);\n transform: translate3d(0, 20px, 0);\n }\n\n to {\n opacity: 0;\n -webkit-transform: translate3d(0, -2000px, 0);\n transform: translate3d(0, -2000px, 0);\n }\n}\n\n\n\n.transition-in {\n\t\n visibility: hidden;\n -webkit-transform: translate3d(100%, 0, 0);\n transform: translate3d(100%, 0, 0);\ntransform-origin: center left; \n width: 100%;\nz-index: 3;\n}\n\n.passage {\n\ttransition: 0.59s ease-in-out;\n\t-webkit-transition: 0.59s ease-in-out;\nz-index: 3;\nmin-width: 720px;\n \n}\n.transition-out {\n\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\ntransform-origin: center left; \n width: 720px;\nopacity: .10;\nposition: absolute;\n\n}\n\n\n\n#big {font-size: 0.9em;\n}\n#list {\n text-align: left;\n position: relative;\n left: 35px;\n}\n#hidden a {text-decoration: none;\ncolor: #755;\nfont-weight: 400; \n}\n\n#imgur a{text-decoration: none;\ncolor: #755;\nfont-weight: 400;\n}\n\n#imgur a:hover{text-decoration: none;\ncolor: #85bf25;\nfont-weight: 400;\n}\n\n::-moz-selection { /* Code for Firefox */\n background: #a8e8ff;\n}\n\n::selection {\n background: #a8e8ff;\n}\n\n::-webkit-scrollbar { width: 10px;\n}\n::-webkit-scrollbar-button { background-color:#faed8e;\n }\n\n::-webkit-scrollbar-track-piece {background-color:#Fff;\n}\n::-webkit-scrollbar-thumb { background-color:#FB9CAF;\n}\n\n@media only screen and (min-width: 960px)\n.wrapper {\n width: 805px;\n margin: auto;\n}\n\nnav {display: none;}