Hancock Park Homeowners Association: Difference between revisions

From LiberationMUSH Wiki
m (Added self)
No edit summary
Line 1: Line 1:
{| align="center" width="780" style="background-color: #1164B4; border: 16px double #023002;"
{{#css:


|-
.container {
| align="center" width="80%" |
        width: 1000px;
        margin: auto;
        height: auto;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
      }


{| width="100%"
      .header {
|
        position: relative;
|
      }


{|
      .header-text {
        color: white;
        font-size: 28px;
        font-weight: 600;
        line-height: 22px;
        text-shadow: 2px 2px 3px black;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Open Sans";
      }


<center>[[Image:TheGates.jpg|x450px|link=]]</center>
      .header-subtext {
        top: 55%;
        font-size: 22px;
      }


|}
      .navbar {
|}
        font-family: "Roboto Condensed";
        width: 100%;
        display: flex;
        justify-content: center;
      }


|-
      .navbar ul {
|
        display: flex;
{| width="100%"
        list-style-type: none;
      }


! History
      .navbar ul li a {
|-
        color: black;
|
        font-size: 18px;
<p>Words will go here soon.</p>
        text-decoration: none;
        padding: 1em;
      }


|-
.navbar ul li a:visited {
! Joining In Headline
color: black;
|-
}
|
Contact PERSON.


|-
      .section-label {
! Project(s)
        margin-top: 1em;
|-
        text-align: center;
|
        font-size: 22px;
About the project(s).
        font-weight: 600;
        color: #ff6e6e;
      }


|-
      .banner-image {
!  Roster
        width: 100%;
|-
      }
|
{|
|-
| width=100 style="vertical-align:top;" | <center>[[Image:IanA1.png|x75px|link=Ian]]<br>[[Ian|William Ian Stanford ]]<br>President</center>
| <center>[[Image:Magnolia2.jpg|x75px|link=Magnolia]]<br>[[Magnolia|Magnolia Duvalle]]<br>Secretary</center>
| <center>[[Image:Oliver1.jpeg|x75px|link=Oliver]]<br>[[Oliver|Oliver Lancaster III]]<br>Member</center>
| <center>[[Image:Elizabeth-4.jpg|x75px|link=]]<br>[[Elizabeth|Elizabeth Tanner]]<br>Member</center>
|-
| <center>[[Image:Kennedy.png|x75px|link=Kennedy]]<br>[[Kennedy]]<br>Member</center>
| <center>[[Image:Evie10.jpg|x75px|link=Miss Green]]<br>[[Miss Green|Evelyn Aoife Green]]<br>??????</center>
| <center>[[Image:GenericIcon.png|x75px|link=]]<br>NAME<br>THING</center>
| <center>[[Image:GenericIcon.png|x75px|link=]]<br>NAME<br>THING</center>
|}


      .banner-image img {
        width: 100%;
      }


|-
      .welcome {
! RP Hooks
        width: 100%;
|-
        display: flex;
|
      }
* <p>WORDS - ''Will go here soon.''</p>


* <p>WORDS - ''Will go here soon.''</p>
      .welcome-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        background-color: #40B2CF;
        color: #FFFFFF;
      }


* <p>WORDS - ''Will go here soon.''</p>
      .welcome-container.left {
        padding: 1em;
      }
 
      .welcome-container span {
        font-size: 22px;
        font-weight: 600;
      }
 
      .welcome-container img {
        width: 100%;
        height: auto;
      }
 
      .board-container {
        display: flex;
        flex-wrap: wrap;
        padding: 2em 1em;
      }
 
      .board-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1em;
        width: 200px;
        border-style: solid;
        border-radius: 1px;
        border-color: #ff6e6e;
      }
 
.board-card-img {
height: 200px;
width: 100%;
}
 
      .board-card img {
        object-fit: cover;
    width: 100%;
    height: 100%;
      }
 
      .board-card .sub-title {
        font-size: 14px;
      }
 
.gallery-container {
padding-top: 1em;
display: flex;
justify-content: center;
}
 
#gallery ul {
list-style-type: none;
}
 
}}
 
<div class="container">
 
<div id="header" class="header">[[File:Wilshire-cc.jpg]]<span class="header-text">Hancock Park Homeowners Association</span><span class="header-text header-subtext">Est. 1948</span></div>
 
      <div class="navbar">
        <ul>
          <li>[[#header|Home]]</li>
          <li>[[#about|About]]</li>
          <li>[[#history|History]]</li>
          <li>[[#projects|Projects]]</li>
          <li>[[#board|Board]]</li>
          <li>[[#hooks|Hooks]]</li>
          <li>[[#gallery|Gallery]]</li>
        </ul>
      </div>
 
      <div id="about" class="welcome">
        <div class="welcome-container left"><span>Welcome to Hancock Park!</span><p>Whether you're a current resident or looking to join our community, this site contains everything you'll need to know about Hancock Park, a historic and thriving neighborhood in the heart of Los Angeles, California. Browse our resources using the menu above!</p></div>
        <div class="welcome-container">[[File:hancock-park1.jpg]]</div>
      </div>
 
      <div id="history" class="history">
        <div class="section-label">History</div>
 
        <p>Hancock Park was developed in the 1920s by the Hancock family with profits earned from oil drilling in the former Rancho La Brea. The area
          owes its name to developer-philanthropist George Allan Hancock, who subdivided the property in the 1920s. Hancock, born and raised in
          a home at what is now the La Brea tar pits, inherited 4,400 acres (18 km2), which his father, Major Henry Hancock had acquired from the Rancho
          La Brea property owned by the family of Jose Jorge Rocha.</p>
 
        <p>Hancock Park activists were instrumental in the passage of a 1986 Congressional ban on tunneling through the neighborhood. The ban, sponsored
          by Congressman Henry Waxman, prevented the Red Line Subway from being routed along Wilshire Boulevard through the neighborhood.</p>
      </div>
 
      <div id="projects">
        <div class="section-label">Projects</div>
 
        <p>About the project(s).</p>
      </div>
 
      <div class="banner-image">[[File:hancock-park2.jpg]]</div>
 
      <div id="board" class="board">
        <div class="section-label">Current Board</div>
 
        <div class="board-container">
<div class="board-card">
<div class="board-card-img">[[File:IanA1.png]]</div>
<div>Ian Stanford</div>
<div class="sub-title">President</div>
</div>
       
<div class="board-card">
<div class="board-card-img">[[File:Elizabeth-4.jpg]]</div>
<div>Elizabeth Tanner</div>
<div class="sub-title">Vice-President</div>
</div>
 
<div class="board-card">
<div class="board-card-img">[[File:Magnolia2.jpg]]</div>
<div>Magnolia Duvalle</div>
<div class="sub-title">Secretary</div>
</div>
 
<div class="board-card">
<div class="board-card-img">[[File:Kennedy.png]]</div>
<div>Kennedy Eleanor Wilde</div>
<div class="sub-title">Public Relations</div>
</div>
 
          <div class="board-card">
            <div class="board-card-img">[[File:Oliver2.jpg]]</div>
            <div>Oliver Lancaster III</div>
            <div class="sub-title">Member</div>
          </div>
 
          <div class="board-card">
            <div class="board-card-img">[[File:Evie10.jpg]]</div>
            <div>Evelyn Aoife Green</div>
            <div class="sub-title">Member</div>
          </div>
        </div> 
      </div>
 
      <div id="hooks">
        <div class="section-label">RP Hooks</div>
 
        <ul>
          <li>Hook goes here</li>
          <li>Hook goes here</li>
          <li>Hook goes here</li>
        </ul>
      </div>
 
      <div id="gallery">
        <div class="section-label">Gallery</div>
 
<div class="gallery-container">
<ul>
<li>[[Image:Mapofhp.jpg]]</li>
</ul>
</div>
      </div>
 
    </div>


|-
! Gallery
|-
|
<center>[[Image:Mapofhp.jpg|x450px|link=]]</center>
|}
|}


[[Category:Coteries]]
[[Category:Coteries]]

Revision as of 03:03, 27 October 2021


Welcome to Hancock Park!

Whether you're a current resident or looking to join our community, this site contains everything you'll need to know about Hancock Park, a historic and thriving neighborhood in the heart of Los Angeles, California. Browse our resources using the menu above!

History

Hancock Park was developed in the 1920s by the Hancock family with profits earned from oil drilling in the former Rancho La Brea. The area owes its name to developer-philanthropist George Allan Hancock, who subdivided the property in the 1920s. Hancock, born and raised in a home at what is now the La Brea tar pits, inherited 4,400 acres (18 km2), which his father, Major Henry Hancock had acquired from the Rancho La Brea property owned by the family of Jose Jorge Rocha.

Hancock Park activists were instrumental in the passage of a 1986 Congressional ban on tunneling through the neighborhood. The ban, sponsored by Congressman Henry Waxman, prevented the Red Line Subway from being routed along Wilshire Boulevard through the neighborhood.

Projects

About the project(s).

Current Board
File:IanA1.png
Ian Stanford
President
Elizabeth Tanner
Vice-President
File:Magnolia2.jpg
Magnolia Duvalle
Secretary
File:Kennedy.png
Kennedy Eleanor Wilde
Public Relations
Oliver Lancaster III
Member
File:Evie10.jpg
Evelyn Aoife Green
Member
RP Hooks
  • Hook goes here
  • Hook goes here
  • Hook goes here
Retrieved from "https://liberationmush.site/liberationwiki/index.php?title=Hancock_Park_Homeowners_Association&oldid=8137"