Schreibe deine Antwort in Ruhe weiter. Vorschau, Anhänge und alle gewohnten Optionen bleiben erhalten.
| Themenübersicht (Neueste zuerst) |
| Geschrieben von Natalie Carter - Vor 1 Stunde |
|
Hier der fertige Code von Katie: Christopher “Chris” Brancaccio Basics
Family
About him Christopher „Chris“ Brancaccio kann schon allein dank seines Nachnamens nicht verbergen, dass er ein italienisch-amerikanischer Bürger ist. Nicht, dass er das je wollte. Chris ist stolz auf seine Wurzeln und das bemerkt man besonders, wenn er über seine Familie spricht. Eine lautstarke, aufdringliche – ursprünglich 8-köpfige – Familie. Ursprünglich. Das ist vermutlich der düsterste Schatten, der über den Brancaccios hängt. Der Mord an seiner jüngeren Schwester hat ihr aller Leben auf irgendeine Art beeinflusst. Bei Chris war es der Wechsel zu einer vollkommen anderen Ermittlungseinheit. Ursprünglich hatte der heute 35-Jährige Detective werden wollen – Mordkommission. Vieles davon hatte sich nicht mehr richtig angefühlt, vor allem jedoch die Hilfslosigkeit der damals ermittelnden Detectives. Gab es nicht genug Beweise an einem Tatort, waren ihnen die Hände gebunden. Etwas, das Chris damals nicht nur traurig, sondern auch wütend gemacht hatte. Es ließ ihn darüber nachdenken, wo er einen besseren Beitrag leisten konnte, damit eine andere Familie eher Hoffnung erleben konnte statt Enttäuschung. Deswegen brach er seine damalige Ausbildung ab und wechselte zu den Crime Scene Investigators – kurz CSI. Eine Einheit, die ihn bis heute nicht losgelassen hat. Chris kann man durchaus als Workaholic sehen, auch wenn er es in der Vergangenheit immer wieder schaffte, seine Prioritäten anzupassen, wenn es notwendig war. So ging Familie stets vor und auch so einige Beziehungen durfte er durchleben. Manche endeten im Guten, andere eher im Drama. Chris verlor jedoch nie die Hoffnung auf die große Liebe. Die eine Frau, mit der er eine eigene Familie gründen konnte. Hallo ihr lieben, ich bin Katie. Leider schon seit geraumer Zeit aus dem RPG raus und sehne mich etwas wieder einzusteigen. Euer Forum hat mich direkt in den Bann gezogen und so wollte ich den Einstieg wieder wagen. Eine Idee war ziemlich schnell geboren und daher würde ich Anschluss in jeglicher Form suchen:: Freunde, Bekannte, ehemalige ernsthafte Datingphasen oder auch ein paar ONS das verkraftet er, aber ist nicht ganz sein stil, Arbeitskollegen oder Leute mit denen er viel zu tun hat im Miami PD, die Möglichkeiten sind vielfältig und verwebe ihn gerne mit euren Charakter. liebe Grüße. |
| Geschrieben von Christopher Brancaccio - Vor 2 Stunden |
|
<style> @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,300,0,0&family=Oswald:wght@400;500;600;700&family=Roboto+Condensed:wght@300;400;500;600;700&display=swap'); :root { --cb-red: #f20b35; --cb-red-dark: #89101d; --cb-black: #030303; --cb-panel: #080808; --cb-white: #f3efeb; --cb-text: #d4d0cc; --cb-line: #292929; --cb-texture-image: url("https://iili.io/CgNEMG9.png"); --cb-side-image: url("https://iili.io/CgNfp2a.png"); } .cb-card, .cb-card * { box-sizing: border-box; } .cb-card { width: 100% !important; max-width: 480px !important; margin: 18px auto !important; overflow: hidden; isolation: isolate; color: var(--cb-white); background: var(--cb-black); border: 0; font-family: "Roboto Condensed", Arial, sans-serif; font-size: 11px; font-weight: 300; line-height: 1.55; overflow-wrap: anywhere; } .cb-card__inner { padding: 17px; } .cb-card__header { padding: 0 3px 8px; } .cb-card__first-name { margin: 0 0 -3px; color: var(--cb-white); font-family: "Oswald", "Arial Narrow", sans-serif; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: -0.02em; text-transform: uppercase; } .cb-card__surname { margin: 0; color: var(--cb-white); font-family: "Bebas Neue", Impact, sans-serif; font-size: 66px; font-weight: 400; line-height: 0.91; letter-spacing: 0.012em; text-transform: uppercase; white-space: nowrap; } .cb-card__meta { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0; margin-top: 8px; padding: 9px 3px; border-top: 1px solid var(--cb-line); border-bottom: 1px solid var(--cb-line); font-family: "Oswald", "Arial Narrow", sans-serif; font-size: 10px; font-weight: 500; line-height: 1.25; letter-spacing: 0.015em; text-transform: uppercase; } .cb-card__meta-item,.cb-card__fact {display: grid;grid-template-columns: 18px minmax(0, 1fr); align-items: start; gap: 6px; min-width: 0;} .cb-card__symbol { display: block; width: 18px; height: 18px; overflow: hidden; color: var(--cb-red); font-family: "Material Symbols Outlined"; font-size: 16px; font-style: normal; font-weight: normal; font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24; line-height: 18px; text-align: center; white-space: nowrap; } .cb-card__main { display: grid; grid-template-columns: 146px minmax(0, 1fr); gap: 14px; min-width: 0; margin-top: 4px; } .cb-card__side, .cb-card__text-box { border: 1px solid var(--cb-red); background-color: var(--cb-panel); background-image: linear-gradient(rgba(3, 3, 3, 0.2), rgba(3, 3, 3, 0.45)), var(--cb-texture-image); background-position: center; background-repeat: repeat; background-size: auto, 280px auto; } .cb-card__side { position: relative; min-width: 0; min-height: 468px; overflow: hidden; padding: 13px 11px 120px; border-radius: 3px; } .cb-card__side::after { position: absolute; right: 0; bottom: 0; left: 0; z-index: 0; height: 118px; background-color: #210006; background-image: linear-gradient(to bottom, var(--cb-panel) 0%, rgba(8, 8, 8, 0.08) 47%, rgba(48, 0, 5, 0.08) 100%), var(--cb-side-image); background-position: 15% 55%; background-repeat: no-repeat, no-repeat; content: ""; pointer-events: none; } .cb-card__side-content { position: relative; z-index: 1; } .cb-card__heading { margin: 0 0 14px; color: var(--cb-red); font-family: "Bebas Neue", Impact, sans-serif; font-size: 17px; font-weight: 400; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; } .cb-card__heading::after { display: block; width: 18px; height: 2px; margin-top: 7px; background: var(--cb-red); content: ""; } .cb-card__facts { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; } .cb-card__fact { grid-template-columns: 18px minmax(0, 1fr); color: var(--cb-white); font-size: 10px; line-height: 1.55; } .cb-card__divider { display: block; height: 1px; margin: 17px 0; padding: 0; border: 0; background: linear-gradient(to right, var(--cb-red), var(--cb-red-dark)); } .cb-card__about { display: flex; min-width: 0; flex-direction: column; } .cb-card__about > .cb-card__heading { margin: 10px 0 5px 2px; } .cb-card__text-box { min-width: 0; min-height: 440px; flex: 1; padding: 22px 18px; border-width: 1px 1px 1px 2px; color: var(--cb-text); font-size: 11px; line-height: 1.65; } .cb-card__text-box p { margin: 0 0 12px; padding: 0; } .cb-card__text-box p:last-child { margin-bottom: 0; } .cb-card__text-box strong { color: var(--cb-white); font-weight: 600; } .cb-card__footer { display: grid; grid-template-columns: minmax(0, 1fr) 245px; width: 100%; height: 102px; margin-top: 11px; overflow: hidden; border: 1px solid var(--cb-red); border-radius: 3px; background: #030303; } .cb-card__quote-wrap { display: flex; min-width: 0; height: 100px; align-items: center; border-right: 1px solid var(--cb-red); padding: 11px 11px; } .cb-card__quote { position: relative; width: 100%; margin: 0; padding: 15px 8px 11px 28px; border-left: 1px solid var(--cb-red); color: var(--cb-red); font-family: "Bebas Neue", Impact, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.45; letter-spacing: 0.055em; text-transform: uppercase; } .cb-card__quote::before, .cb-card__quote::after { position: absolute; color: var(--cb-red-dark); font-family: Georgia, serif; font-size: 37px; font-weight: 700; line-height: 0.7; } .cb-card__quote::before { top: 4px; left: 9px; content: "“"; } .cb-card__quote::after { right: 0; bottom: -3px; content: "”"; } .cb-card__gif { display: block !important; width: 245px !important; min-width: 245px !important; max-width: none !important; height: 100px !important; min-height: 100px !important; max-height: 100px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: cover; object-position: center; } @media (max-width: 470px) { .cb-card__inner { padding: 14px; } .cb-card__surname { font-size: clamp(46px, 13.6vw, 62px); } .cb-card__meta { grid-template-columns: 1fr; gap: 7px; } .cb-card__main { grid-template-columns: 1fr; } .cb-card__side, .cb-card__text-box { min-height: 0; } .cb-card__side { padding-bottom: 120px; } } @media (max-width: 330px) { .cb-card__footer { grid-template-columns: 1fr; height: auto; } .cb-card__quote-wrap { border-right: 0; border-bottom: 1px solid var(--cb-red); } .cb-card__gif { justify-self: center; } } </style> <div class="cb-card"> <div class="cb-card__inner"> <div class="cb-card__header"> <div class="cb-card__first-name">Christopher “Chris”</div> <div class="cb-card__surname">Brancaccio</div> </div> <div class="cb-card__meta"> <div class="cb-card__meta-item"> <span class="cb-card__symbol">location_on</span> <span>Miami, Florida<br>Coconut Grove</span></div><div class="cb-card__meta-item"> <span class="cb-card__symbol">home</span> <span>Erdgeschosswohnung</span> </div> </div> <div class="cb-card__main"> <div class="cb-card__side"> <div class="cb-card__side-content"> <div class="cb-card__section"> <div class="cb-card__heading">Basics</div> <ul class="cb-card__facts"> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">calendar_month</span><span>35 Jahre</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">location_on</span><span>Miami, Florida</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">photo_camera</span><span>Miami Police Department</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">description</span><span>Crime Scene Investigator</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">person</span><span>Blutspurenanalyse</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">language</span><span>Italienisch & Englisch</span></li> </ul> </div> <div class="cb-card__divider"></div> <div class="cb-card__section"> <div class="cb-card__heading">Family</div> <ul class="cb-card__facts"> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">person</span><span>Große italienisch-amerikanische Familie – 6 Geschwister</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">person</span><span>Sehr verbunden, wichtiger Rückhalt</span></li> <li class="cb-card__fact"><span class="cb-card__symbol" aria-hidden="true">person</span><span>Ein Geschwister wurde ermordet – der Fall blieb ungeklärt</span></li> </ul> </div> </div> </div> <div class="cb-card__about"> <div class="cb-card__heading">About him</div> <div class="cb-card__text-box"> <p>Christopher „Chris“ Brancaccio kann schon allein dank seines Nachnamens nicht verbergen, dass er ein italienisch-amerikanischer Bürger ist. Nicht, dass er das je wollte. Chris ist stolz auf seine Wurzeln und das bemerkt man besonders, wenn er über seine Familie spricht. Eine lautstarke, aufdringliche – ursprünglich 8-köpfige – Familie. Ursprünglich. Das ist vermutlich der düsterste Schatten, der über den Brancaccios hängt. Der Mord an seiner jüngeren Schwester hat ihr aller Leben auf irgendeine Art beeinflusst. Bei Chris war es der Wechsel zu einer vollkommen anderen Ermittlungseinheit. Ursprünglich hatte der heute 35-Jährige Detective werden wollen – Mordkommission. Vieles davon hatte sich nicht mehr richtig angefühlt, vor allem jedoch die Hilfslosigkeit der damals ermittelnden Detectives. Gab es nicht genug Beweise an einem Tatort, waren ihnen die Hände gebunden. Etwas, das Chris damals nicht nur traurig, sondern auch wütend gemacht hatte. Es ließ ihn darüber nachdenken, wo er einen besseren Beitrag leisten konnte, damit eine andere Familie eher Hoffnung erleben konnte statt Enttäuschung. Deswegen brach er seine damalige Ausbildung ab und wechselte zu den Crime Scene Investigators – kurz CSI. Eine Einheit, die ihn bis heute nicht losgelassen hat. Chris kann man durchaus als Workaholic sehen, auch wenn er es in der Vergangenheit immer wieder schaffte, seine Prioritäten anzupassen, wenn es notwendig war. So ging Familie stets vor und auch so einige Beziehungen durfte er durchleben. Manche endeten im Guten, andere eher im Drama. Chris verlor jedoch nie die Hoffnung auf die große Liebe. Die eine Frau, mit der er eine eigene Familie gründen konnte. Chris besticht vor allem durch seinen Humor, seine Leidenschaft und die Unfähigkeit, einen Einkaufszettel zu schreiben. Natürlich geht er auch meist hungrig in den Lebensmittelladen und kehrt mit viel zu vielen Artikeln zurück, die sein Auge unweigerlich geküsst haben. Von seiner Mutter hat er die besten Familienrezepte abgegriffen, bevor er sich sein eigenes Domizil in Miami gönnte. Apropos. Sein Verhältnis zum Geld könnte man durchaus als gestört bezeichnen, denn er verzichtet lieber auf große Anschaffungen und steckte lange Zeit sein Geld in die Rückzahlung seines Studienkredits. Na ja… und danach folgte ein Immobilienkredit für seine aktuelle Eigentumswohnung in Coconut Grove. Dort kann man auf der Terrasse auch deutlich erkennen, dass er einen grünen Daumen hat, keine Haustiere besitzt und sich gerne abends bei Sonnenuntergang noch eine Tasse Espresso – natürlich schwarz – gönnt. Von außen betrachtet könnte man sein Leben beinahe als etwas langweilig betrachten, doch Chris ist zufrieden. Fragt sich nur, wie lange noch… </p> </div> </div> </div> <div class="cb-card__footer"> <div class="cb-card__quote-wrap"> <div class="cb-card__quote">Some things are<br>easier to solve<br>than to feel.</div> </div> <img class="cb-card__gif" src="https://iili.io/CgNwWkF.gif" width="245" height="100" alt="" > </div> </div> </div> <hr> <hr> <hr> Hallo ihr lieben, ich bin Katie. Leider schon seit geraumer Zeit aus dem RPG raus und sehne mich etwas wieder einzusteigen. Euer Forum hat mich direkt in den Bann gezogen und so wollte ich den Einstieg wieder wagen. Eine Idee war ziemlich schnell geboren und daher würde ich Anschluss in jeglicher Form suchen:: Freunde, Bekannte, ehemalige ernsthafte Datingphasen oder auch ein paar ONS das verkraftet er, aber ist nicht ganz sein stil, Arbeitskollegen oder Leute mit denen er viel zu tun hat im Miami PD, die Möglichkeiten sind vielfältig und verwebe ihn gerne mit euren Charakter. liebe Grüße. |