gold
familiar Familiarsiri, the white vampire bat
played by OOC Namejuno
dream of the soft look your eyes had once, and of their shadows deep
|
Post by erin caulfield on Aug 1, 2022 17:27:09 GMT -7
WELCOME BACK,
Erin Caulfield
[attr="class","welcome"]
[attr="class","greeting"] [attr="class","fa fa-building-lock"][attr="class","fa fa-lock"] Locks secured[attr="class","fa fa-inbox"][attr="class","fa fa-envelope"] Unread messages02 new[attr="class","fa fa-calendar-day"][attr="class","fa fa-location-dot"] Appointmenttomorrow at Lamia Towers[attr="class","fa fa-cloud-sun"][attr="class","fa fa-cloud"] WeatherPartly cloudy[attr="class","fa fa-music"] [attr="class","fa fa-play"]Listening toWicked by Seori[attr="class","fa fa-share-from-square"][attr="class","fa fa-share"] Send toother device[attr="class","fa fa-wand-sparkles"][attr="class","fa fa-terminal"] Terminal[attr="class","fa fa-power-off"][attr="class","fa fa-power-off"] Sleep mode[attr="class","hydra carousel"] [attr="class","erin landing"] [newclass=".nullelem"] } .landing { display: grid; font: 14px 'Jost'; line-height: 1.6em; height: 50em; min-height: 520px; width: 90em; max-width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .landing { background: var(--mainbg); } .landing.erin { background-image: radial-gradient(ellipse, transparent 0%, transparent 30%, var(--mainbg) 70%, var(--mainbg) 100%), url('https://i.imgur.com/06vxhcT.png'); background-position: center; background-repeat: no-repeat; background-size: cover; } .landing .greeting .welcome { display: inline-block; text-align: center; transform: translate(270px, 200px); text-shadow: rgb(0 0 0 / 25%) 0 0 10px; } .landing .greeting { height: 480px; } .landing .welcome span { display: block; position: relative; line-height: inherit; text-transform: capitalize; font: 28px 'Satisfy'; transform: rotate(1deg) translateY(-0.25em); } .landing .carousel { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: no-wrap; padding: 0 50px; overflow: scroll; scrollbar-width: 0; scrollbar-height: 0; height: 210px; } .landing .carousel::-webkit-scrollbar { width: 0; height: 0; } .landing .carousel div, .landing .carousel div h2, .landing .carousel a { transition: ease-in all 0.4s; } .landing .carousel div { flex-shrink: 0; position: relative; background: var(--boardbg); width: 120px; height: 200px; border-radius: 6px !important; opacity: .8; overflow: hidden; margin-left: 1.5em; box-shadow: rgb(140 180 240 / 5%) 0 0 10px; cursor: pointer; } .landing .carousel div i { margin-top: 24px; background: var(--mainbg); padding: 12px; border-radius: 50%; } .landing .carousel div i, .landing .carousel div h1, .landing .carousel div h2, .landing .carousel div a { margin-left: 12px; margin-right: 12px; } .landing .carousel div h1 { font: 14px 'Montserrat'; width: 96px; margin-top: 12px; } .landing .carousel div h2, .landing .carousel div a, .landing .carousel a { font: 12px 'Montserrat'; font-weight: bold; margin-top: -0px; color: var(--iconcolor); text-decoration: none; display: block; } .landing .carousel div:hover, .landing .carousel div:hover a, .landing .carousel div:hover h2 { opacity: 1; color: var(--secondbg); width: 180px; } .landing .carousel div:hover i { background: rgba(0,0,0,.1); } .carousel.sybaris div:hover { background: var(--sybaris); } .carousel.hydra div:hover { background: var(--hydra); } .carousel.pegasus div:hover { background: var(--pegasus); } .carousel.cerberus div:hover { background: var(--cerberus); } .landing .carousel div::before { position: absolute; font-size: 120px; color: rgba(0,0,0,.1); transform: translate(60px, 80px); } .landing .carousel div:hover::before { } .landing ::selection { background: transparent; color: inherit; } .landing { cursor: default; [/newclass][nospaces][googlefont="Yantramanav|Satisfy|Montserrat"] |
|
gold
familiar Familiarsiri, the white vampire bat
played by OOC Namejuno
dream of the soft look your eyes had once, and of their shadows deep
|
Post by erin caulfield on Aug 1, 2022 17:37:31 GMT -7
[attr="class","cover erin"] Index
Collection Memory
[break]
Styled by Erin Caulfield
[attr="class","info"] - Prologue
- First Chapter
- Second Chapter
- The Resolution
- Addendum
[attr="class","list"] [attr="class","collection"] [newclass=".nullelem"] } .collection { margin: 0 auto; background-color: transparent; width: calc(100% - 3em); max-width: 100%; padding: 1.5em; font: 13px 'Jost'; text-align: justify; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; } /* Cover image */ .collection .cover { width: 60%; max-width: 650px; height: 350px; background-size: cover; align-self: flex-end; margin-top: 15em; } .collection .cover.erin { background-image: url('https://i.imgur.com/NHfJRzQ.png'); background-position: 50% 70%; } /* Index Title */ .collection .info { width: 3em; align-self: flex-end; padding: 0; margin: 0; transform: translate(-3.5em, -1.0em); } .collection h1 { display: inline-block; font-size: 3.2em; font-family: 'Playfair Display'; font-weight: bold; text-align: right; padding: 0; margin: 0; whie-space: nowrap; overflow: show; } .collection .info div { white-space: nowrap; padding: 0; margin: 0; } .collection .info div b, .collection .info div a { text-transform: lowercase; font-variant: small-caps; font-weight: bold; font-size: 1.25em; color: var(--iconcolor); } .collection .info div { font: inherit; } /* Ordered List */ .collection ol { list-style-type: none; counter-reset: frame-counter; margin: 0; padding: 0; font-size: 1.1em; height: fit-content; z-index: 2; transform: translate(6em, 6em); } .collection, .collection div { display: relative; } .collection ol, .collection ol::before { width: 20em; } .collection div ol::before { content: ''; position: absolute; background-color: var(--hovericoncolor); height: calc(100% + 6em); top: -3em; left: -8em; z-index: -1; } .collection .list.hydra ol::before { background: var(--hydra); } .collection .list.cerberus ol::before { background: var(--cerberus); } .collection .list.sybaris ol::before { background: var(--sybaris); } .collection .list.pegasus ol::before { background: var(--pegasus); } .collection ol a, .collection ol a:hover, .collection ol li::before, .collection ol li::after { font: inherit; text-decoration: none; color: white; } .collection li { counter-increment: frame-counter; margin-bottom: 5px; } .collection li::before { display: inline-block; content: counter(frame-counter, decimal-leading-zero) "."; width: 1.75em; text-align: center; font-size: 1em; margin-right: 1em; } .collection ol li::marker { content: none; } .collection { cursor: default; } .collection a { cursor: pointer; } .collection ::selection { background: transparent; [/newclass][nospaces] |
|
gold
familiar Familiarsiri, the white vampire bat
played by OOC Namejuno
dream of the soft look your eyes had once, and of their shadows deep
|
Post by erin caulfield on Dec 5, 2022 10:47:55 GMT -7
[nospaces] [attr="class","curriculum"] [attr="class","cv-side"]  [attr="class","cv-main"] Lawyer | Industrial Engineer [attr="class","fa fa-award"]Entrepreneur, advisor, investor, inventor, busybody. Heiress to Valencian conglomerate CaulCo, with investments in real estate, asset management and security services. Graduated with honors from the University of Vale, where she also earned an MBA in 2021. In her free time, Erin enjoys food photography, playing her own violin arrangements of the first eight sections of Dvorak's The Water Goblin, and sightseeing. Specializations
[attr="class","fa fa-wand-sparkles"]Charms
[attr="class","fa fa-spinner"]Hermetic Circles
[attr="class","fa fa-cube"]Runic Arrays
[attr="class","fa fa-hand-sparkles"]Augmentation
[attr="class","fa fa-book"]Corporate Law
[attr="class","fa fa-chart-line"]Business
[attr="class","fa fa-gear"]Engineering
On-Field SkillsWork ExperienceEirin Leyfson Legal Intern (2019-2020) University of Vale Research Assistant (2020-2021)
Business Incubator (2020-PRESENT) ? ? ? Law FirmAssociate (2021-PRESENT) Maestro - Sybaris(2022-PRESENT) [newclass=".none"] } .curriculum { font-size: 13px; width: 48em; display: flex; flex-direction: row; justify-content: space-between; background: var(--secondbg); border-radius: 6px; margin: auto; padding: 2.5em; } .curriculum p { font: 14px 'Jost'; } /* CV Main */ .curriculum .cv-main { text-align: justify; padding-left: 2.5em; flex: 1; } .curriculum .cv-side img { border-radius: 6px; width: 200px; } .curriculum .cv-main h1, .curriculum .cv-main h2, .curriculum h3 { margin: 0; padding: 0; } /* Name header: Main header h1 */ .curriculum .cv-main h1, .curriculum .cv-main h1 a { font-family: 'Montserrat'; font-size: 1.25em; color: var(--hovericoncolor) !important; text-transform: capitalize; } /* Subtitle: Main header h2 */ .curriculum .cv-main h2 { font-family: 'Montserrat'; font-size: 1.2em; font-weight: normal; } .curriculum .cv-main h2 i { color: var(--hovericoncolor); margin-left: 0.25em; } .curriculum .cv-main h2.color { color: var(--hovericoncolor); } .curriculum .cv-main p { margin: 0.75em 0; } /* Buttons: Main header h3 */ .curriculum h3 { margin: 1em 0; } .curriculum h3 a, .curriculum h3 a:hover { display: inline-block; color: white; padding: 0.4em 0.75em; margin-right: 0.75em; border: 0.15em solid var(--hovericoncolor); border-radius: 0.75em; text-decoration: none; font-weight: normal; font-size: 0.8em; } .curriculum h3 a.filled { background: var(--hovericoncolor); } /* Smaller buttons: Main header h4 */ .curriculum .cv-main h4 { margin: 0.75em 0 0 0; padding: 0; text-align: left; } .curriculum .cv-main h4 span, .curriculum .cv-main h4 a { font: 14px 'Jost'; color: inherit; line-height: inherit; text-decoration: inherit; border: 0.15em solid var(--mainbg); border-radius: 0.75em; font-weight: normal; margin: 0.25em 0; padding: 0em 0.75em; line-height: 2em; vertical-align: top; white-space: nowrap; cursor: pointer; transition: linear 0.1s all; } .curriculum .cv-main h4 span:hover, .curriculum .cv-main h4 a:hover { color: var(--hovericoncolor) !important; } /* Smaller button icons */ .curriculum .cv-main h4 span::before, .curriculum .cv-main h4 a::before { margin-right: 0.5em; padding: 0; font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight:var(--fa-style,900); font-size: 1em; line-height: inherit; } /* Separator: Main header h5 */ .curriculum .cv-main h5 { width: 100%; height: 0; border-bottom: 0.15em solid var(--mainbg); margin: 1.5em 0; } /* Div in Main */ .curriculum .cv-main div { display: grid; grid-template-columns: 50px 1fr; grid-template-rows: 1em 1fr; grid-column-gap: 1.5em; grid-row-gap: 0; margin: 1em 0 0 0; } .curriculum .cv-main div span { grid-area: 1 / 2 / 2 / 3; font: inherit; font-family: 'Montserrat'; font-size: 1.2em; font-weight: bold; color: var(--hovericoncolor); text-transform: uppercase; } .curriculum .cv-main div img { grid-area: 1 / 1 / 3 / 2; width: 50px; border-radius: 50%; } .curriculum .cv-main div p { grid-area: 2 / 2 / 3 / 3; font: inherit; margin: 0; padding: 0.5em 0; } .curriculum .cv-main div p u { display: block; font: inherit; text-decoration: none; text-transform: uppercase; margin: 0 0 0.5em 0; [/newclass] |
|
