Difference between revisions of "Crazy Hector's Fun Emporium"

From City of Hope MUSH
Jump to navigation Jump to search
imported>Rhys
(Created page with "{{PC_1 | small-side=right | colour-border=#434747 | colour-background=#EDD0FA | colour-headers=#75F39C | image-main= | header-data=Crazy Hector's Fun Emporium | right-1-heade...")
 
 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{PC_1
+
{{#css:
| small-side=right
+
html, body {
| colour-border=#434747
+
    height: auto;
| colour-background=#EDD0FA
+
    min-height: 100%;
| colour-headers=#75F39C
+
    position: relative;
| image-main=
+
}
| header-data=Crazy Hector's Fun Emporium
+
#left-navigation {
| right-1-header=OVERVIEW
+
    border-left: 1px solid white;
| right-1-data={{:Crazy Hector's Fun Emporium/OVERVIEW}}
+
    left: -2px;
| left-1-header=INTRODUCTION
+
}
| left-1-data=A Family Fun Center, with an extensive arcade, Thunderdome Bowling Alley, Hector's World Wide Putt Putt course and Splash Zone water park.
+
div#mw-panel {
| right-2-header=QUOTE
+
    background: white none repeat scroll 0 0;
| right-2-data=<center> </center>
+
    border-bottom: 1px solid rgba(42, 54, 43, 0.5);
| left-2-header=RP HOOKS
+
    border-left: 1px solid rgba(42, 54, 43, 0.5);
| left-2-data=
+
    border-radius: 0 0 10px 10px;
 +
    border-right: 1px solid rgba(42, 54, 43, 0.5);
 +
    height: 35em;
 +
    left: 2px;
 +
    opacity: 0.5;
 +
    padding-bottom: 1em;
 +
    padding-left: 0;
 +
    padding-right: 1em;
 +
    position: absolute;
 +
    top: -35.25em;
 +
    transition: top 0.5s ease 0s, opacity 0.5s ease 0s !important;
 +
    width: 10em;
 +
    z-index: 100;
 +
}
 +
div#mw-panel::after {
 +
    bottom: 0.5em;
 +
    color: rgba(42, 54, 43, 0.5);
 +
    content: "▼ Menu ▼";
 +
    display: block;
 +
    font-size: 0.75em;
 +
    left: 0;
 +
    padding-top: 0.5em;
 +
    position: absolute;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
div#mw-panel:hover {
 +
    opacity: 1;
 +
    top: 0;
 +
}
 +
div#mw-panel:hover::after {
 +
    border-top: 1px dotted rgba(42, 54, 43, 0.5);
 +
    content: "▲ Menu ▲";
 +
}
 +
#p-logo {
 +
    display: none;
 +
}
 +
div#content {
 +
    margin-left: 0;
 +
    padding: 1.25em 1.5em 0;
 +
}
 +
#content, h1, h2 {
 +
    background-color: #666 !important;
 +
    color: white !important;
 +
    font-family: Century Gothic;
 +
}
 +
#catlinks.catlinks {
 +
    left: -2em;
 +
    margin-right: -1.5em;
 +
    position: relative;
 +
    width: calc(100% + 3em);
 +
}
 +
.mw-normal-catlinks {
 +
    margin: 0 auto;
 +
    max-width: 1200px;
 +
    min-width: 700px;
 +
    width: calc(90% - 3em);
 +
}
 +
div#footer {
 +
    align-items: center;
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: space-between;
 +
    left: -1px;
 +
    margin: 0 auto;
 +
    max-width: 1200px;
 +
    min-width: 700px;
 +
    opacity: 0.5;
 +
    padding: 0 0.5em;
 +
    position: relative;
 +
    width: calc(90% - 3em);
 +
}
 +
#footer > div:last-child {
 +
    display: none;
 +
}
 +
ul#footer-info > li {
 +
    display: inline-block;
 +
}
 +
ul#footer-info > li:first-of-type {
 +
    padding-right: 1em;
 +
}
 +
.wrapper {
 +
    background-color: #fff;
 +
    border-bottom: .5em solid black;
 +
    border-top: .5em solid black;
 +
    color: #000;
 +
    font-size: 1rem;
 +
    max-width: 1200px;
 +
    min-width: 700px;
 +
    margin: 2em auto 2.5em;
 +
    width: 90%;
 +
 
 +
}
 +
.nav {
 +
    border-top: 3em solid transparent;
 +
    border-image: linear-gradient(to right, #c00 0%, #ff0 100%);
 +
    border-image-slice: 1;
 +
    padding: 1em;
 +
    position: relative;
 +
}
 +
.nav .bar {
 +
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 38px) repeat scroll 0 0;
 +
    border-color: transparent;
 +
    border-image: linear-gradient(to left top, #c00 0%, #ff0 100%) 1 1 1 1;
 +
    border-style: solid;
 +
    border-width: 2px 0;
 +
    box-sizing: border-box;
 +
    color: #000;
 +
    height: 2.5em;
 +
    padding: 0.25em 2em;
 +
    position: relative;
 +
    right: calc(-205px - 1em);
 +
    top: 70px;
 +
    width: calc(100% - 205px);
 +
}
 +
.logo {
 +
    height: auto;
 +
    left: -1em;
 +
    position: relative;
 +
    top: 0.25em;
 +
    width: 250px;
 +
}
 +
.content {
 +
    border-bottom: 3em solid transparent;
 +
    border-image: linear-gradient(to left, #c00 0%, #ff0 100%);
 +
    border-image-slice: 1;
 +
    padding: 0 2em 1em;
 +
}
 +
/*---Descs---*/
 +
#panels {
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    justify-content: space-between;
 +
    position: relative;
 +
    top: -3.5em;
 +
}
 +
.tab {
 +
    flex: 1 1 0;
 +
    font-weight: bold;
 +
    margin-top: -10em;
 +
    order: 1;
 +
    padding-top: 10em;
 +
    position: relative;
 +
    text-align: center;
 +
    top: 5.075em;
 +
    z-index: 10;
 +
}
 +
#home {
 +
    flex: 2 1 0;
 +
    margin-top: -4.9em;
 +
    order: 0;
 +
    padding-top: 4.9em;
 +
}
 +
.tab a {
 +
    border-bottom: medium none;
 +
    color: #fff;
 +
    display: inline-block;
 +
    text-decoration: none;
 +
}
 +
#home a, .tab:target a {
 +
    color: #f60;
 +
}
 +
.tab a:hover {
 +
    color: #ff0;
 +
}
 +
.panel {
 +
    display: none;
 +
    line-height: 1.75em;
 +
    order: 2;
 +
    padding-top: 1em;
 +
    position: relative;
 +
    text-indent: 3em;
 +
    width: 100%;
 +
}
 +
#home-panel {
 +
    display: block;
 +
}
 +
:target ~ #home-panel {
 +
    display: none;
 +
}
 +
#home:target ~ #home-panel, #arcade:target ~ #arcade-panel, #bowling:target ~ #bowling-panel, #minigolf:target ~ #minigolf-panel, #waterpark:target ~ #waterpark-panel, #history:target ~ #history-panel {
 +
    display: block;
 +
}
 +
#waterpark-panel img {
 +
    float: left;
 +
    width: 50%;
 +
}
 +
#home-panel a {
 +
    float: left;
 +
    margin-bottom: -2.5em;
 +
    margin-top: 1.75em;
 +
    overflow: hidden;
 +
    width: 25%;
 +
}
 +
#home-panel img {
 +
    height: 22.5em;
 +
    left: -50px;
 +
    margin: 0;
 +
    opacity: .5;
 +
    position: relative;
 +
    width: auto;
 +
}
 +
#home-panel a:first-of-type img {
 +
    left: -325px;
 +
}
 +
#home-panel a:nth-of-type(2) img {
 +
    left: -350px;
 +
    animation-delay: 5s;
 +
}
 +
#home-panel a:nth-of-type(3) img {
 +
    left: -800px;
 +
    animation-delay: 10s;
 +
}
 +
#home-panel a:last-of-type img {
 +
    left: -150px;
 +
    animation-delay: 15s;
 +
}
 +
.header {
 +
    align-items: center;
 +
    color: #cc0000;
 +
    display: flex;
 +
    flex-flow: row wrap;
 +
    font-family: Fontdinerdotcom Huggable,Century Gothic,Arial,san-serif;
 +
    font-size: 3em;
 +
    height: 1.7em;
 +
    justify-content: flex-end;
 +
    line-height: 0.75em;
 +
    max-width: 80%;
 +
    position: absolute;
 +
    right: 0;
 +
    text-align: right;
 +
    top: -1.4em;
 +
}
 +
.header span {
 +
    display: inline-block;
 +
    height: 0.85em;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    text-indent: -3em;
 +
    width: 350px;
 +
}
 +
.panel .header img {
 +
    float: none !important;
 +
    height: auto !important;
 +
    margin: 0 !important;
 +
    opacity: 1 !important;
 +
    position: relative !important;
 +
    width: auto !important;
 +
}
 +
#home-panel .header img {
 +
    left: 0;
 +
    right: 0;
 +
}
 +
#arcade-panel .header img {
 +
    top: -58px;
 +
}
 +
#bowling-panel .header span:first-of-type img {
 +
    top: -114px;
 +
}
 +
#bowling-panel .header span:last-of-type img {
 +
    top: -170px;
 +
}
 +
#minigolf-panel .header span:first-of-type img {
 +
    top: -226px;
 +
}
 +
#minigolf-panel .header span:last-of-type img {
 +
    top: -282px;
 +
}
 +
#minigolf-panel .header span:first-of-type {
 +
    width: 385px;
 +
}
 +
#minigolf-panel .header span:last-of-type {
 +
    width: 357px;
 +
}
 +
#waterpark-panel .header span:first-of-type img {
 +
    top: -338px;
 +
}
 +
#waterpark-panel .header span:last-of-type img {
 +
    top: -394px;
 +
}
 +
#waterpark-panel .header span:last-of-type {
 +
    width: 270px;
 +
}
 +
#history-panel .header img {
 +
    top: -450px;
 +
}
 +
.panel img {
 +
    height: auto;
 +
    margin-bottom: -2.5em;
 +
    margin-top: 1.75em;
 +
    width: 100%;
 +
}
 +
.wrapper span {
 +
    color: #c00;
 +
    font-weight: bold;
 +
}
 +
.fade {
 +
    animation-duration: 20s;
 +
    animation-name: fader;
 +
    animation-iteration-count: infinite;
 +
}
 +
 
 +
@keyframes fader {
 +
  from {
 +
    opacity: .5;
 +
  }
 +
  6.25% {
 +
    opacity: 1;
 +
  }
 +
  25% {
 +
    opacity: 1;
 +
  }
 +
  31.25% {
 +
    opacity: .5;
 +
  }
 +
}
 
}}
 
}}
 
+
<div class="wrapper">
 +
<div class="nav">
 +
<div class="bar">&nbsp;</div>
 +
</div>
 +
<div class="content"><div id="panels">
 +
<div id="arcade" class="tab" tabindex="0">[[#arcade|Arcade]]</div>
 +
<div id="bowling" class="tab" tabindex="0">[[#bowling|Bowling]]</div>
 +
<div id="minigolf" class="tab" tabindex="0">[[#minigolf|Minigolf]]</div>
 +
<div id="waterpark" class="tab" tabindex="0">[[#waterpark|Waterpark]]</div>
 +
<div id="history" class="tab" tabindex=0>[[#history|History]]</div>
 +
<div id="home">[[File:CHLogo.png|link=#home|class=logo|Home]]</div>
 +
<div id="home-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|Welcome!]]</span></div><span>Crazy Hector's Fun Emporium</span> first opened its doors on June 8th, 1997, with the goal of providing a fun and entertaining environment that parents could share with their kids. For almost twenty years, this has been a popular spot for weekend stay-cations, school fieldtrips, and everyday fun. From the arcade to the Thunderdome Bowling Alley to the mini-golf course and Splash Zone Water Park, <span>Crazy Hector's</span> provides a little fun for everyone!<br/>[[File:CH1.jpg|link=#arcade|class=fade]][[File:CH2.jpg|link=#bowling|class=fade]][[File:CH3.jpg|link=#golf|class=fade]][[File:CH4.jpg|link=#waterpark|class=fade]]</div>
 +
<div id="arcade-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|The Arcade]]</span></div>The state of the art <span>Arcade</span> features all sorts of games, covering multiple genres &mdash; from interactive shooting gallery to immersive racers, Skee-Ball, hoops, and more. The prize counter is stocked with plenty of appealing rewards, from simple stickers or funny erasers to bigger-ticket items including flat screen TVs![[File:CH1.jpg]]</div>
 +
<div id="bowling-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|Thunderdome ]]</span><span>[[File:CHHeaders.png|link=|Bowling Alley]]</span></div>The <span>Thunderdome Bowling Alley</span> sports ten lanes, a lot of balls, a shoe rental, and five pool tables for a variety of fun. There's also the Thunderdome bar, where the adults can have a little fun of their own. Come throw a round or two, or rent out a number of lanes for parties. Anything goes at Thunderdome![[File:CH2.jpg]]</div>
 +
<div id="minigolf-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|Hector's World-]]</span><span>[[File:CHHeaders.png|link=|Wide Putt Putt]]</span></div>The best <span>minigolf course</span> in the country! Eighteen holes packed with tons of fun at every turn! From Pirate Reggie's Wreckage to the No One's One-Eye Adventure, this course runs the gamut of challenging and wacky adventure. You won't believe it 'til you try it yourself. If you need a break, there's the Bo Peep Picnic area with access to our kitchens, the Everest Ice Cream stand, and lots of places to sit and enjoy the shade.[[File:CH3.jpg]]</div>
 +
<div id="waterpark-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|Splash Zone ]]</span><span>[[File:CHHeaders.png|link=|Water Park]]</span></div>The <span>Splash Zone</span> water park features three wild water slides, a wave pool, and a bumper boat extravaganza! There's all sorts of fun to be had, so any trip to Crazy Hector's isn't complete without a bathing suit! Towels are provided. We also sell sunscreen and water-proof cameras, and rent lockers so you can stash your belongings without worrying. Come for the fun, but remember: <span>YOU WILL GET WET!</span><br/>[[File:CH4.jpg]][[File:CH5.jpg]]</div>
 +
<div id="history-panel" class="panel"><div class="header"><span>[[File:CHHeaders.png|link=|History]]</span></div>While the brochure paints a jolly picture, this place hasn't always been as 'family friendly' as it might like. During the early '00s this place was under near constant contention between two feuding gangs, each wanting to claim it as part of their territory. A fire broke out and nearly destroyed the arcade, requiring massive reconstruction in 2010. Under new management in 2014, the place began to reclaim its family-friendly aura. It's older, definitely showing its age, but there's a lot of love found there: a love for fun and adventure, a love of having a good time.[[File:CH6.jpg]]</div>
 +
</div>
 +
</div></div>
 
[[Category: Business]]
 
[[Category: Business]]

Latest revision as of 17:48, 5 June 2020

Welcome!
Crazy Hector's Fun Emporium first opened its doors on June 8th, 1997, with the goal of providing a fun and entertaining environment that parents could share with their kids. For almost twenty years, this has been a popular spot for weekend stay-cations, school fieldtrips, and everyday fun. From the arcade to the Thunderdome Bowling Alley to the mini-golf course and Splash Zone Water Park, Crazy Hector's provides a little fun for everyone!
CH1.jpgCH2.jpgCH3.jpgCH4.jpg
The Arcade
The state of the art Arcade features all sorts of games, covering multiple genres — from interactive shooting gallery to immersive racers, Skee-Ball, hoops, and more. The prize counter is stocked with plenty of appealing rewards, from simple stickers or funny erasers to bigger-ticket items including flat screen TVs!CH1.jpg
ThunderdomeBowling Alley
The Thunderdome Bowling Alley sports ten lanes, a lot of balls, a shoe rental, and five pool tables for a variety of fun. There's also the Thunderdome bar, where the adults can have a little fun of their own. Come throw a round or two, or rent out a number of lanes for parties. Anything goes at Thunderdome!CH2.jpg
Hector's World-Wide Putt Putt
The best minigolf course in the country! Eighteen holes packed with tons of fun at every turn! From Pirate Reggie's Wreckage to the No One's One-Eye Adventure, this course runs the gamut of challenging and wacky adventure. You won't believe it 'til you try it yourself. If you need a break, there's the Bo Peep Picnic area with access to our kitchens, the Everest Ice Cream stand, and lots of places to sit and enjoy the shade.CH3.jpg
Splash ZoneWater Park
The Splash Zone water park features three wild water slides, a wave pool, and a bumper boat extravaganza! There's all sorts of fun to be had, so any trip to Crazy Hector's isn't complete without a bathing suit! Towels are provided. We also sell sunscreen and water-proof cameras, and rent lockers so you can stash your belongings without worrying. Come for the fun, but remember: YOU WILL GET WET!
CH4.jpgCH5.jpg
History
While the brochure paints a jolly picture, this place hasn't always been as 'family friendly' as it might like. During the early '00s this place was under near constant contention between two feuding gangs, each wanting to claim it as part of their territory. A fire broke out and nearly destroyed the arcade, requiring massive reconstruction in 2010. Under new management in 2014, the place began to reclaim its family-friendly aura. It's older, definitely showing its age, but there's a lot of love found there: a love for fun and adventure, a love of having a good time.CH6.jpg