Created
April 3, 2026 13:18
-
-
Save bblumenfelder/27cdae1005abd3a09ff63eebd6434a7f to your computer and use it in GitHub Desktop.
Hermeneus Dictionary Entry Mockup - accedere
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="de"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Hermeneus Woerterbuch — accedere</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Alegreya:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,700&family=Alegreya+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap" rel="stylesheet"> | |
| <style> | |
| /* ======================================== | |
| HERMENEUS DICTIONARY ENTRY MOCKUP | |
| Design Tokens from Tailwind Config | |
| ======================================== */ | |
| :root { | |
| /* Primary (Dark Jungle Green) */ | |
| --primary: #191B28; | |
| --primary-100: #f2f2f6; | |
| --primary-200: #dadce6; | |
| --primary-300: #b8bacc; | |
| --primary-400: #a3a6bf; | |
| --primary-500: #737a99; | |
| --primary-600: #5d6585; | |
| --primary-700: #474e70; | |
| --primary-800: #383d59; | |
| --primary-900: #282b40; | |
| /* Secondary (Metallic Red) */ | |
| --secondary: #B22E2F; | |
| --secondary-50: #fde8e8; | |
| --secondary-100: #fad9da; | |
| --secondary-200: #fcc0c1; | |
| --secondary-300: #FE8E8F; | |
| --secondary-400: #e03d45; | |
| --secondary-500: #c73439; | |
| --secondary-600: #B22E2F; | |
| --secondary-700: #962729; | |
| --secondary-800: #721E1E; | |
| --secondary-900: #571717; | |
| /* Tertiary (Ateneo Blue) */ | |
| --tertiary: #004563; | |
| --tertiary-100: #d8e9f0; | |
| --tertiary-200: #b8d8e6; | |
| --tertiary-300: #91c6d9; | |
| --tertiary-400: #72b4cc; | |
| --tertiary-500: #5998b3; | |
| --tertiary-600: #3d7f99; | |
| --tertiary-700: #226b8a; | |
| --tertiary-800: #175773; | |
| --tertiary-900: #0b4e6b; | |
| /* Green */ | |
| --green: #2f5d66; | |
| --green-100: #c3d6d9; | |
| --green-200: #a3bbbf; | |
| --green-500: #5d7e85; | |
| --green-700: #2f5d66; | |
| --green-900: #1a3338; | |
| /* Grey */ | |
| --grey-100: #f5f5f5; | |
| --grey-200: #eeeeee; | |
| --grey-300: #dddddd; | |
| --grey-400: #cccccc; | |
| --grey-500: #aaaaaa; | |
| --grey-600: #999999; | |
| --grey-700: #777777; | |
| --grey-800: #555555; | |
| --grey-900: #333333; | |
| /* Paper */ | |
| --paper: #ebe3ce; | |
| --paper-dark: #e0d1a6; | |
| --paper-light: #f2eee1; | |
| /* Status */ | |
| --success: #5cb85c; | |
| --success-light: #caffc5; | |
| --warning: #f0ad4e; | |
| --warning-light: #fff0c4; | |
| /* Typography */ | |
| --font-serif: 'Alegreya', 'Crimson Pro', 'Noto Serif', Georgia, serif; | |
| --font-sans: 'Alegreya Sans', 'Noto Sans', -apple-system, sans-serif; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: var(--font-sans); | |
| color: var(--primary); | |
| background: var(--grey-100); | |
| line-height: 1.6; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| /* ======================================== | |
| PAGE SHELL (for mockup context) | |
| ======================================== */ | |
| .mockup-shell { | |
| max-width: 960px; | |
| margin: 2rem auto; | |
| padding: 0 1rem; | |
| } | |
| .mockup-label { | |
| font-family: var(--font-sans); | |
| font-size: 0.7rem; | |
| font-weight: 500; | |
| letter-spacing: 0.08em; | |
| text-transform: uppercase; | |
| color: var(--grey-600); | |
| margin-bottom: 0.75rem; | |
| padding-left: 0.25rem; | |
| } | |
| .mockup-spacer { | |
| height: 3rem; | |
| } | |
| /* ======================================== | |
| DICTIONARY ENTRY CARD | |
| ======================================== */ | |
| .dict-entry { | |
| background: #fff; | |
| border-radius: 8px; | |
| box-shadow: | |
| 0 1px 3px rgba(25, 27, 40, 0.06), | |
| 0 4px 16px rgba(25, 27, 40, 0.04); | |
| overflow: hidden; | |
| } | |
| /* ---------------------------------------- | |
| HEADER | |
| ---------------------------------------- */ | |
| .dict-header { | |
| padding: 1.5rem 1.75rem 1.25rem; | |
| border-bottom: 1px solid var(--grey-200); | |
| position: relative; | |
| } | |
| .dict-header__top { | |
| display: flex; | |
| align-items: baseline; | |
| gap: 0.75rem; | |
| flex-wrap: wrap; | |
| } | |
| .dict-header__lemma { | |
| font-family: var(--font-serif); | |
| font-size: 1.75rem; | |
| font-weight: 700; | |
| color: var(--primary); | |
| letter-spacing: -0.01em; | |
| } | |
| .dict-header__badge { | |
| display: inline-flex; | |
| align-items: center; | |
| padding: 0.15rem 0.5rem; | |
| border-radius: 3px; | |
| font-size: 0.65rem; | |
| font-weight: 700; | |
| letter-spacing: 0.06em; | |
| text-transform: uppercase; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .dict-header__badge--verb { | |
| background: var(--tertiary-100); | |
| color: var(--tertiary-700); | |
| } | |
| .dict-header__badge--konj { | |
| background: var(--grey-200); | |
| color: var(--grey-700); | |
| font-weight: 500; | |
| } | |
| .dict-header__stammformen { | |
| display: flex; | |
| align-items: baseline; | |
| gap: 0.25rem; | |
| margin-top: 0.4rem; | |
| font-size: 0.9rem; | |
| color: var(--grey-700); | |
| } | |
| .dict-header__stammformen .latin { | |
| font-family: var(--font-serif); | |
| font-weight: 600; | |
| color: var(--primary-700); | |
| } | |
| .dict-header__stammformen .separator { | |
| color: var(--grey-400); | |
| margin: 0 0.1rem; | |
| } | |
| .dict-header__etym { | |
| margin-top: 0.35rem; | |
| font-size: 0.78rem; | |
| color: var(--grey-600); | |
| font-style: italic; | |
| } | |
| .dict-header__etym span { | |
| font-family: var(--font-serif); | |
| font-weight: 600; | |
| font-style: normal; | |
| color: var(--grey-700); | |
| } | |
| /* Mode toggle */ | |
| .dict-header__mode-toggle { | |
| position: absolute; | |
| top: 1.25rem; | |
| right: 1.75rem; | |
| display: flex; | |
| border: 1px solid var(--grey-300); | |
| border-radius: 4px; | |
| overflow: hidden; | |
| } | |
| .mode-btn { | |
| padding: 0.3rem 0.65rem; | |
| font-size: 0.7rem; | |
| font-family: var(--font-sans); | |
| font-weight: 500; | |
| letter-spacing: 0.03em; | |
| border: none; | |
| cursor: pointer; | |
| transition: all 0.15s ease; | |
| background: #fff; | |
| color: var(--grey-600); | |
| } | |
| .mode-btn:not(:last-child) { | |
| border-right: 1px solid var(--grey-300); | |
| } | |
| .mode-btn.active { | |
| background: var(--primary-900); | |
| color: #fff; | |
| } | |
| .mode-btn:hover:not(.active) { | |
| background: var(--grey-100); | |
| color: var(--grey-800); | |
| } | |
| /* ---------------------------------------- | |
| GLOSSARIUM SECTION | |
| ---------------------------------------- */ | |
| .dict-glossarium { | |
| padding: 1.25rem 1.75rem; | |
| border-bottom: 1px solid var(--grey-200); | |
| position: relative; | |
| } | |
| .dict-glossarium::before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| width: 3px; | |
| background: var(--tertiary-500); | |
| } | |
| .section-label { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.4rem; | |
| font-size: 0.65rem; | |
| font-weight: 700; | |
| letter-spacing: 0.1em; | |
| text-transform: uppercase; | |
| margin-bottom: 0.6rem; | |
| } | |
| .section-label--glossarium { | |
| color: var(--tertiary-600); | |
| } | |
| .section-label__icon { | |
| width: 14px; | |
| height: 14px; | |
| display: inline-flex; | |
| align-items: center; | |
| justify-content: center; | |
| } | |
| .section-label__icon svg { | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .dict-glossarium__bedeutung { | |
| font-size: 1.05rem; | |
| font-weight: 500; | |
| color: var(--primary); | |
| line-height: 1.5; | |
| } | |
| .dict-glossarium__lerneinheit { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 0.3rem; | |
| margin-top: 0.5rem; | |
| padding: 0.2rem 0.55rem; | |
| background: var(--tertiary-100); | |
| border-radius: 3px; | |
| font-size: 0.72rem; | |
| color: var(--tertiary-700); | |
| } | |
| .dict-glossarium__lerneinheit strong { | |
| font-weight: 600; | |
| } | |
| /* Morphology quick view */ | |
| .dict-morpho-quick { | |
| margin-top: 0.85rem; | |
| padding-top: 0.75rem; | |
| border-top: 1px solid var(--grey-200); | |
| } | |
| .dict-morpho-quick__label { | |
| font-size: 0.65rem; | |
| font-weight: 600; | |
| letter-spacing: 0.06em; | |
| text-transform: uppercase; | |
| color: var(--green-500); | |
| margin-bottom: 0.4rem; | |
| } | |
| .morpho-table { | |
| display: grid; | |
| grid-template-columns: auto repeat(6, 1fr); | |
| gap: 0; | |
| font-size: 0.72rem; | |
| border: 1px solid var(--grey-200); | |
| border-radius: 4px; | |
| overflow: hidden; | |
| } | |
| .morpho-table__header { | |
| background: var(--green-100); | |
| color: var(--green-700); | |
| font-weight: 600; | |
| padding: 0.25rem 0.4rem; | |
| text-align: center; | |
| border-bottom: 1px solid var(--grey-200); | |
| } | |
| .morpho-table__header:first-child { | |
| text-align: left; | |
| } | |
| .morpho-table__row-label { | |
| background: var(--grey-100); | |
| color: var(--grey-700); | |
| font-weight: 600; | |
| padding: 0.2rem 0.4rem; | |
| border-bottom: 1px solid var(--grey-200); | |
| border-right: 1px solid var(--grey-200); | |
| } | |
| .morpho-table__cell { | |
| font-family: var(--font-serif); | |
| font-weight: 600; | |
| color: var(--primary-700); | |
| padding: 0.2rem 0.4rem; | |
| text-align: center; | |
| border-bottom: 1px solid var(--grey-200); | |
| border-right: 1px solid var(--grey-200); | |
| font-size: 0.73rem; | |
| } | |
| .morpho-table__cell:last-child { | |
| border-right: none; | |
| } | |
| .morpho-table > :nth-last-child(-n+7) { | |
| border-bottom: none; | |
| } | |
| /* ---------------------------------------- | |
| GEORGES SECTION | |
| ---------------------------------------- */ | |
| .dict-georges { | |
| position: relative; | |
| } | |
| .dict-georges::before { | |
| content: ''; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| bottom: 0; | |
| width: 3px; | |
| background: var(--paper-dark); | |
| } | |
| .dict-georges__header { | |
| padding: 1rem 1.75rem 0.75rem; | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| } | |
| .section-label--georges { | |
| color: var(--secondary-700); | |
| } | |
| .dict-georges__source { | |
| font-size: 0.62rem; | |
| color: var(--grey-500); | |
| font-style: italic; | |
| } | |
| /* COMPACT MODE */ | |
| .dict-georges__compact { | |
| padding: 0 1.75rem 1.25rem; | |
| } | |
| .georges-intro { | |
| font-size: 0.88rem; | |
| color: var(--grey-800); | |
| line-height: 1.65; | |
| margin-bottom: 0.75rem; | |
| } | |
| .georges-intro .latin { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| color: var(--primary); | |
| } | |
| .georges-intro .highlight { | |
| font-weight: 600; | |
| color: var(--primary); | |
| } | |
| .georges-intro .gegensatz { | |
| font-size: 0.78rem; | |
| color: var(--grey-600); | |
| } | |
| .compact-senses { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 0.5rem; | |
| } | |
| .compact-sense { | |
| display: flex; | |
| gap: 0.6rem; | |
| padding: 0.65rem 0.75rem; | |
| background: var(--paper-light); | |
| border-radius: 5px; | |
| border-left: 2px solid var(--paper-dark); | |
| } | |
| .compact-sense__numeral { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| font-size: 0.9rem; | |
| color: var(--secondary-700); | |
| min-width: 1.2rem; | |
| flex-shrink: 0; | |
| } | |
| .compact-sense__content { | |
| font-size: 0.82rem; | |
| line-height: 1.55; | |
| color: var(--grey-800); | |
| } | |
| .compact-sense__label { | |
| font-weight: 600; | |
| color: var(--primary-700); | |
| margin-right: 0.25rem; | |
| } | |
| .compact-sense__meanings { | |
| color: var(--grey-800); | |
| } | |
| .compact-sense__meanings .highlight { | |
| font-weight: 600; | |
| color: var(--primary); | |
| } | |
| .compact-subsenses { | |
| margin-top: 0.35rem; | |
| padding-left: 0.1rem; | |
| } | |
| .compact-subsense { | |
| font-size: 0.78rem; | |
| color: var(--grey-700); | |
| line-height: 1.5; | |
| margin-top: 0.15rem; | |
| } | |
| .compact-subsense__marker { | |
| font-weight: 600; | |
| color: var(--grey-600); | |
| margin-right: 0.15rem; | |
| } | |
| .compact-more { | |
| margin-top: 0.6rem; | |
| text-align: center; | |
| } | |
| .compact-more__btn { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 0.3rem; | |
| padding: 0.35rem 0.85rem; | |
| border: 1px solid var(--grey-300); | |
| border-radius: 4px; | |
| background: #fff; | |
| font-family: var(--font-sans); | |
| font-size: 0.72rem; | |
| color: var(--grey-600); | |
| cursor: pointer; | |
| transition: all 0.15s ease; | |
| } | |
| .compact-more__btn:hover { | |
| border-color: var(--secondary-300); | |
| color: var(--secondary); | |
| background: var(--secondary-50); | |
| } | |
| /* EXPERT MODE */ | |
| .dict-georges__expert { | |
| padding: 0 1.75rem 1.25rem; | |
| } | |
| .expert-intro { | |
| font-size: 0.85rem; | |
| color: var(--grey-800); | |
| line-height: 1.65; | |
| margin-bottom: 0.85rem; | |
| padding-bottom: 0.6rem; | |
| border-bottom: 1px solid var(--grey-200); | |
| } | |
| .expert-intro .latin { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| } | |
| .expert-intro .highlight { | |
| font-weight: 600; | |
| color: var(--primary); | |
| } | |
| .expert-intro .gegensatz { | |
| font-size: 0.78rem; | |
| color: var(--grey-600); | |
| } | |
| /* Sense tree */ | |
| .sense-tree { | |
| font-size: 0.82rem; | |
| line-height: 1.6; | |
| } | |
| .sense-l1 { | |
| margin-bottom: 0.6rem; | |
| } | |
| .sense-l1__head { | |
| font-weight: 700; | |
| color: var(--primary); | |
| font-size: 0.85rem; | |
| margin-bottom: 0.2rem; | |
| } | |
| .sense-l1__numeral { | |
| font-family: var(--font-serif); | |
| color: var(--secondary-700); | |
| margin-right: 0.2rem; | |
| } | |
| .sense-l2 { | |
| padding-left: 1.2rem; | |
| margin-bottom: 0.3rem; | |
| } | |
| .sense-l2__head { | |
| font-weight: 600; | |
| color: var(--primary-700); | |
| font-size: 0.82rem; | |
| } | |
| .sense-l2__numeral { | |
| color: var(--secondary-600); | |
| margin-right: 0.15rem; | |
| } | |
| .sense-l3 { | |
| padding-left: 1rem; | |
| margin-top: 0.15rem; | |
| color: var(--grey-800); | |
| font-size: 0.8rem; | |
| } | |
| .sense-l3__numeral { | |
| font-weight: 600; | |
| color: var(--grey-600); | |
| margin-right: 0.1rem; | |
| } | |
| .sense-l4 { | |
| padding-left: 0.8rem; | |
| margin-top: 0.2rem; | |
| color: var(--grey-800); | |
| font-size: 0.8rem; | |
| } | |
| .sense-l4__numeral { | |
| font-weight: 700; | |
| color: var(--grey-700); | |
| margin-right: 0.1rem; | |
| } | |
| .sense-text .latin { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| color: var(--primary); | |
| } | |
| .sense-text .highlight { | |
| font-weight: 600; | |
| color: var(--primary); | |
| } | |
| /* Author badges */ | |
| .author-badge { | |
| display: inline-flex; | |
| padding: 0.05rem 0.3rem; | |
| margin: 0 0.05rem; | |
| background: var(--grey-200); | |
| border-radius: 2px; | |
| font-size: 0.68rem; | |
| color: var(--grey-600); | |
| font-weight: 400; | |
| vertical-align: baseline; | |
| } | |
| .author-badge--classic { | |
| background: var(--success-light); | |
| color: #3a7a3a; | |
| font-weight: 600; | |
| } | |
| /* References */ | |
| .sense-ref { | |
| color: var(--tertiary-600); | |
| text-decoration: none; | |
| border-bottom: 1px dotted var(--tertiary-400); | |
| cursor: pointer; | |
| } | |
| .sense-ref:hover { | |
| color: var(--tertiary-800); | |
| border-bottom-color: var(--tertiary-700); | |
| } | |
| /* ---------------------------------------- | |
| SIDEBAR: CROSS-REFERENCES & ETYMOLOGY | |
| ---------------------------------------- */ | |
| .dict-sidebar { | |
| padding: 1rem 1.75rem; | |
| background: var(--grey-100); | |
| border-top: 1px solid var(--grey-200); | |
| display: flex; | |
| gap: 2rem; | |
| flex-wrap: wrap; | |
| } | |
| .sidebar-block { | |
| flex: 1; | |
| min-width: 200px; | |
| } | |
| .sidebar-block__title { | |
| font-size: 0.65rem; | |
| font-weight: 700; | |
| letter-spacing: 0.08em; | |
| text-transform: uppercase; | |
| color: var(--grey-600); | |
| margin-bottom: 0.4rem; | |
| } | |
| .sidebar-block__content { | |
| font-size: 0.78rem; | |
| color: var(--grey-700); | |
| line-height: 1.55; | |
| } | |
| .cross-ref { | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 0.25rem; | |
| padding: 0.15rem 0.45rem; | |
| background: #fff; | |
| border: 1px solid var(--grey-300); | |
| border-radius: 3px; | |
| font-family: var(--font-serif); | |
| font-weight: 600; | |
| font-size: 0.78rem; | |
| color: var(--primary-700); | |
| text-decoration: none; | |
| margin: 0.15rem 0.15rem 0.15rem 0; | |
| cursor: pointer; | |
| transition: all 0.15s ease; | |
| } | |
| .cross-ref:hover { | |
| border-color: var(--secondary-300); | |
| color: var(--secondary); | |
| background: var(--secondary-50); | |
| } | |
| .cross-ref__arrow { | |
| font-size: 0.6rem; | |
| color: var(--grey-400); | |
| } | |
| .etym-chain { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.35rem; | |
| flex-wrap: wrap; | |
| } | |
| .etym-word { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| color: var(--primary-700); | |
| } | |
| .etym-plus { | |
| color: var(--grey-400); | |
| font-size: 0.85rem; | |
| } | |
| .etym-arrow { | |
| color: var(--grey-400); | |
| font-size: 0.75rem; | |
| } | |
| .etym-result { | |
| font-family: var(--font-serif); | |
| font-weight: 700; | |
| color: var(--secondary-700); | |
| } | |
| /* ---------------------------------------- | |
| HIDDEN STATE UTILITY | |
| ---------------------------------------- */ | |
| .hidden { | |
| display: none !important; | |
| } | |
| /* ---------------------------------------- | |
| RESPONSIVE | |
| ---------------------------------------- */ | |
| @media (max-width: 640px) { | |
| .dict-header__lemma { | |
| font-size: 1.4rem; | |
| } | |
| .dict-header__mode-toggle { | |
| position: static; | |
| margin-top: 0.75rem; | |
| } | |
| .morpho-table { | |
| font-size: 0.65rem; | |
| } | |
| .dict-sidebar { | |
| flex-direction: column; | |
| gap: 1rem; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="mockup-shell"> | |
| <!-- ============================================ | |
| MOCKUP 1: KOMPAKTMODUS (Schueler) | |
| ============================================ --> | |
| <div class="mockup-label">Kompaktmodus (Standardansicht fuer Schueler)</div> | |
| <div class="dict-entry"> | |
| <!-- HEADER --> | |
| <div class="dict-header"> | |
| <div class="dict-header__top"> | |
| <span class="dict-header__lemma">accedēre</span> | |
| <span class="dict-header__badge dict-header__badge--verb">Verb</span> | |
| <span class="dict-header__badge dict-header__badge--konj">konsonantisch</span> | |
| </div> | |
| <div class="dict-header__stammformen"> | |
| <span class="latin">accedō</span><span class="separator">,</span> | |
| <span class="latin">accessī</span><span class="separator">,</span> | |
| <span class="latin">accessum</span><span class="separator">,</span> | |
| <span class="latin">accedēre</span> | |
| </div> | |
| <div class="dict-header__etym"> | |
| Etymologie: <span>ad</span> + <span>cēdō</span> (gehen, weichen) | |
| </div> | |
| <div class="dict-header__mode-toggle"> | |
| <button class="mode-btn active" onclick="switchMode('kompakt')">Kompakt</button> | |
| <button class="mode-btn" onclick="switchMode('expert')">Experte</button> | |
| </div> | |
| </div> | |
| <!-- GLOSSARIUM --> | |
| <div class="dict-glossarium"> | |
| <div class="section-label section-label--glossarium"> | |
| <span class="section-label__icon"> | |
| <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M2 2h4.5c.8 0 1.5.7 1.5 1.5V14l-1-1H2V2z"/> | |
| <path d="M14 2H9.5C8.7 2 8 2.7 8 3.5V14l1-1H14V2z"/> | |
| </svg> | |
| </span> | |
| Glossarium | |
| </div> | |
| <div class="dict-glossarium__bedeutung">herankommen, herantreten, sich naehern</div> | |
| <div class="dict-glossarium__lerneinheit"> | |
| <strong>L3</strong> Lektion 3 — Lektionsbedeutung: herankommen | |
| </div> | |
| <!-- Morphologie Schnellansicht --> | |
| <div class="dict-morpho-quick"> | |
| <div class="dict-morpho-quick__label">Praesens Indikativ Aktiv</div> | |
| <div class="morpho-table"> | |
| <div class="morpho-table__header"></div> | |
| <div class="morpho-table__header">1. Sg.</div> | |
| <div class="morpho-table__header">2. Sg.</div> | |
| <div class="morpho-table__header">3. Sg.</div> | |
| <div class="morpho-table__header">1. Pl.</div> | |
| <div class="morpho-table__header">2. Pl.</div> | |
| <div class="morpho-table__header">3. Pl.</div> | |
| <div class="morpho-table__row-label">Ind.</div> | |
| <div class="morpho-table__cell">accedō</div> | |
| <div class="morpho-table__cell">accedis</div> | |
| <div class="morpho-table__cell">accedit</div> | |
| <div class="morpho-table__cell">accedimus</div> | |
| <div class="morpho-table__cell">acceditis</div> | |
| <div class="morpho-table__cell">accedunt</div> | |
| <div class="morpho-table__row-label">Konj.</div> | |
| <div class="morpho-table__cell">accedam</div> | |
| <div class="morpho-table__cell">accedas</div> | |
| <div class="morpho-table__cell">accedat</div> | |
| <div class="morpho-table__cell">accedamus</div> | |
| <div class="morpho-table__cell">accedatis</div> | |
| <div class="morpho-table__cell">accedant</div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- GEORGES: KOMPAKT --> | |
| <div class="dict-georges" id="georges-compact"> | |
| <div class="dict-georges__header"> | |
| <div class="section-label section-label--georges"> | |
| <span class="section-label__icon"> | |
| <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> | |
| <rect x="2" y="1" width="12" height="14" rx="1"/> | |
| <path d="M5 1v14"/> | |
| <path d="M8 4h4M8 7h4M8 10h3"/> | |
| </svg> | |
| </span> | |
| Georges Handwoerterbuch | |
| </div> | |
| <span class="dict-georges__source">Karl Ernst Georges, Hannover/Leipzig 1913</span> | |
| </div> | |
| <div class="dict-georges__compact"> | |
| <div class="georges-intro"> | |
| (<span class="latin">ad</span> u. <span class="latin">cedo</span>), herzu-, herantreten, -kommen, einem Ziele | |
| <span class="highlight">nahen, sich naehern,</span> | |
| wo erscheinen | |
| <span class="gegensatz">(Ggstz. <span class="latin" style="font-weight:600">abscedere, decedere, recedere</span>)</span> | |
| </div> | |
| <div class="compact-senses"> | |
| <div class="compact-sense"> | |
| <div class="compact-sense__numeral">I.</div> | |
| <div class="compact-sense__content"> | |
| <span class="compact-sense__label">eigentlich:</span> | |
| <span class="compact-sense__meanings"> | |
| Von Personen: mit Angabe <span class="highlight">wohin?</span> durch <span class="latin" style="font-size:0.82rem">ad</span> + Akk. — | |
| <span class="highlight">nahen, kommen, gehen</span> (absol.) | |
| </span> | |
| <div class="compact-subsenses"> | |
| <div class="compact-subsense"> | |
| <span class="compact-subsense__marker">1.</span> | |
| als Bittender jmdm. nahen, bei jmd. <span class="highlight">erscheinen, sich wenden</span> | |
| </div> | |
| <div class="compact-subsense"> | |
| <span class="compact-subsense__marker">2.</span> | |
| feindlich <span class="highlight">herannahen, anruecken, angreifen</span> | |
| </div> | |
| <div class="compact-subsense"> | |
| <span class="compact-subsense__marker">3.</span> | |
| als Bieter bei Auktionen erscheinen | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="compact-sense"> | |
| <div class="compact-sense__numeral">II.</div> | |
| <div class="compact-sense__content"> | |
| <span class="compact-sense__label">uebertragen:</span> | |
| <span class="compact-sense__meanings"> | |
| zu einer Taetigkeit <span class="highlight">schreiten, uebernehmen, sich befassen;</span> | |
| <span class="highlight">beitreten, beipflichten;</span> | |
| als Zuwachs <span class="highlight">hinzukommen, zunehmen, wachsen;</span> | |
| <span class="highlight">zuteil werden, zufallen</span> | |
| </span> | |
| <div class="compact-subsenses"> | |
| <div class="compact-subsense"> | |
| <span class="compact-subsense__marker">•</span> | |
| <span class="latin" style="font-size:0.78rem; font-weight:600">accedit quod / ut</span> = <span class="highlight">hierzu kommt noch, dass...</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="compact-more"> | |
| <button class="compact-more__btn" onclick="switchMode('expert')"> | |
| Vollstaendigen Eintrag anzeigen | |
| <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M3 2l4 3-4 3"/></svg> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- GEORGES: EXPERT (hidden by default in compact mode) --> | |
| <div class="dict-georges hidden" id="georges-expert"> | |
| <div class="dict-georges__header"> | |
| <div class="section-label section-label--georges"> | |
| <span class="section-label__icon"> | |
| <svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"> | |
| <rect x="2" y="1" width="12" height="14" rx="1"/> | |
| <path d="M5 1v14"/> | |
| <path d="M8 4h4M8 7h4M8 10h3"/> | |
| </svg> | |
| </span> | |
| Georges Handwoerterbuch | |
| </div> | |
| <span class="dict-georges__source">Karl Ernst Georges, Hannover/Leipzig 1913</span> | |
| </div> | |
| <div class="dict-georges__expert"> | |
| <div class="expert-intro"> | |
| (<span class="latin">ad</span> u. <span class="latin">cedo</span>), herzu-, herantreten, -kommen, einem Ziele | |
| <span class="highlight">nahen, sich naehern,</span> | |
| wo erscheinen | |
| <span class="gegensatz">(Ggstz. <span class="latin" style="font-weight:600">abscedere, decedere, recedere</span>)</span> | |
| </div> | |
| <div class="sense-tree"> | |
| <!-- I. eigentlich --> | |
| <div class="sense-l1"> | |
| <div class="sense-l1__head"> | |
| <span class="sense-l1__numeral">I.</span> eigentlich: | |
| </div> | |
| <div class="sense-l2"> | |
| <div class="sense-l2__head"> | |
| <span class="sense-l2__numeral">A.</span> im allgemeinen: | |
| </div> | |
| <div class="sense-l3"> | |
| <span class="sense-l3__numeral">a)</span> | |
| <span class="sense-text"> | |
| v. Pers., m. Ang. <span class="highlight">wohin?</span> durch <span class="latin">ad</span> m. Akk., | |
| <span class="latin">ad aedes</span>, | |
| <span class="author-badge">Plaut.</span> | |
| <span class="latin">ad fores</span>, | |
| <span class="author-badge">Ter.</span> | |
| <span class="latin">ad urbem noctu</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| <span class="latin">ad Aquinum, ad Syracusas</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| — durch <span class="latin">in</span> m. Akk., | |
| <span class="latin">in aedes</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| <span class="latin">in Macedoniam</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| — absol. = <span class="highlight">nahen, kommen, gehen</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> u.a. | |
| </span> | |
| </div> | |
| <div class="sense-l3"> | |
| <span class="sense-l3__numeral">b)</span> | |
| <span class="sense-text"> | |
| v. Lebl.: <span class="latin">febris accedit</span>, stellt sich ein (Ggstz. <span class="latin">decedit</span>), | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| <span class="latin">luna accedens</span>, der zunehmende (Ggstz. <span class="latin">abscedens</span>), | |
| <span class="author-badge">Plin.</span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="sense-l2"> | |
| <div class="sense-l2__head"> | |
| <span class="sense-l2__numeral">B.</span> im besonderen: | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">1.</span> | |
| <span class="sense-text"> | |
| als Bittender od. Hilfe Suchender jmdm. nahen, bei jmd. <span class="highlight">erscheinen, sich</span> an jmd. <span class="highlight">wenden,</span> | |
| <span class="latin">senatus supplex accedit ad Caesarem</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">2.</span> | |
| <span class="sense-text"> | |
| feindlich <span class="highlight">herannahen, anruecken, angreifen,</span> | |
| absol. (Ggstz. <span class="latin">se recipere</span>), | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| <span class="latin">propius</span>, | |
| <span class="author-badge author-badge--classic">Caes.</span> | |
| <span class="latin">ad oppidum, ad Britanniam</span>, | |
| <span class="author-badge author-badge--classic">Caes.</span> | |
| <span class="latin">ad manum</span>, handgemein werden, | |
| <span class="author-badge">Nep.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">3.</span> | |
| <span class="sense-text"> | |
| als Bieter oder Steigerer bei Auktionen erscheinen, | |
| <span class="latin">ad hastam</span>, | |
| <span class="author-badge">Nep.</span> u. | |
| <span class="author-badge">Liv.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">4.</span> | |
| <span class="sense-text"> | |
| als Bewerber um den Triumph (v. aus dem Krieg zurueckkehrenden Feldherrn), | |
| <span class="latin">ad urbem</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- II. uebertragen --> | |
| <div class="sense-l1"> | |
| <div class="sense-l1__head"> | |
| <span class="sense-l1__numeral">II.</span> uebertragen: | |
| </div> | |
| <div class="sense-l2"> | |
| <div class="sense-l2__head"> | |
| <span class="sense-l2__numeral">A.</span> im allgemeinen: | |
| </div> | |
| <div class="sense-l3"> | |
| <span class="sense-l3__numeral">a)</span> | |
| <span class="sense-text"> | |
| v. Pers.: | |
| <span class="latin">ad amicitiam Philippi</span>, zur Fr. des Ph. gelangen, die Fr. des Ph. gewinnen, | |
| <span class="author-badge">Nep.</span> | |
| <span class="latin">sed propius accedam</span>, ich will der Sache naeher treten, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l3"> | |
| <span class="sense-l3__numeral">b)</span> | |
| <span class="sense-text"> | |
| v. Lebl.: <span class="latin">voluntas vostra accedit ad poetam</span>, wendet sich dem D. zu, | |
| <span class="author-badge">Ter.</span> | |
| <span class="latin">fervor accedit capiti</span>, die Weinglut steigt zu Kopfe, | |
| <span class="author-badge">Hor.</span> | |
| </span> | |
| </div> | |
| </div> | |
| <div class="sense-l2"> | |
| <div class="sense-l2__head"> | |
| <span class="sense-l2__numeral">B.</span> im besonderen: | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">1.</span> | |
| <span class="sense-text"> | |
| der Zeit nach herantreten, -kommen, sich naehern, | |
| <span class="latin">accedunt anni</span>, | |
| <span class="author-badge">Hor.</span> | |
| <span class="latin">quo propius ad mortem accedam</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">2.</span> | |
| <span class="sense-text"> | |
| zu einer Taetigkeit od. Teilnahme an derselben <span class="highlight">schreiten,</span> sie <span class="highlight">uebernehmen,</span> mit ihr <span class="highlight">sich befassen,</span> | |
| <span class="latin">ad rem publicam</span>, dem Staatsdienste <span class="highlight">sich befassen,</span> | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| <span class="latin">ad causam</span>, eine Sache uebernehmen, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">3.</span> | |
| <span class="sense-text"> | |
| mit seiner Beistimmung <span class="highlight">beitreten, beipflichten</span> | |
| (Ggstz. <span class="latin">abhorrere ab alqa re</span>), | |
| <span class="latin">ad sententiam alcis</span>, | |
| <span class="author-badge">Plaut.</span> | |
| <span class="latin">ad condiciones</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">4.</span> | |
| <span class="sense-text"> | |
| als Zuwachs <span class="highlight">hinzukommen, zunehmen, wachsen</span> | |
| (Ggstz. <span class="latin">decedere, recedere, deminui</span>), | |
| <span class="latin">nihil ad dignitatem accedit</span>, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| — dah. <span class="latin">accedit quod</span> m. Ind. od. <span class="latin">accedit ut</span> m. Konj., | |
| <span class="highlight">hierzu kommt noch, dass</span> usw., | |
| <span class="author-badge author-badge--classic">Cic.</span> u.a. | |
| </span> | |
| </div> | |
| <div class="sense-l4"> | |
| <span class="sense-l4__numeral">5.</span> | |
| <span class="sense-text"> | |
| als Ereignis <span class="highlight">zuteil werden, zufallen,</span> | |
| <span class="latin">alci animus accedit</span>, es bekommt jmd. Mut, | |
| <span class="author-badge author-badge--classic">Cic.</span> | |
| </span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- SIDEBAR --> | |
| <div class="dict-sidebar"> | |
| <div class="sidebar-block"> | |
| <div class="sidebar-block__title">Querverweise</div> | |
| <div class="sidebar-block__content"> | |
| <a class="cross-ref" href="#"> | |
| <span class="latin" style="font-size:0.78rem">manus</span> | |
| <span class="cross-ref__arrow">→</span> | |
| </a> | |
| <a class="cross-ref" href="#"> | |
| <span class="latin" style="font-size:0.78rem">abscedere</span> | |
| <span class="cross-ref__arrow">→</span> | |
| </a> | |
| <a class="cross-ref" href="#"> | |
| <span class="latin" style="font-size:0.78rem">decedere</span> | |
| <span class="cross-ref__arrow">→</span> | |
| </a> | |
| <a class="cross-ref" href="#"> | |
| <span class="latin" style="font-size:0.78rem">recedere</span> | |
| <span class="cross-ref__arrow">→</span> | |
| </a> | |
| </div> | |
| </div> | |
| <div class="sidebar-block"> | |
| <div class="sidebar-block__title">Etymologie</div> | |
| <div class="sidebar-block__content"> | |
| <div class="etym-chain"> | |
| <span class="etym-word">ad</span> | |
| <span class="etym-plus">+</span> | |
| <span class="etym-word">cēdō</span> | |
| <span class="etym-arrow">→</span> | |
| <span class="etym-result">accedō</span> | |
| </div> | |
| <div style="margin-top:0.3rem; font-size:0.75rem; color:var(--grey-600)"> | |
| Praefix <span class="latin" style="font-weight:600; font-size:0.75rem">ad-</span> (heran-, hinzu-) + | |
| <span class="latin" style="font-weight:600; font-size:0.75rem">cēdere</span> (gehen, weichen). | |
| Vgl. <span class="latin" style="font-weight:600; font-size:0.75rem">abscessus, accessio, accessus</span>. | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mockup-spacer"></div> | |
| </div> | |
| <script> | |
| function switchMode(mode) { | |
| const compact = document.getElementById('georges-compact'); | |
| const expert = document.getElementById('georges-expert'); | |
| const buttons = document.querySelectorAll('.mode-btn'); | |
| if (mode === 'kompakt') { | |
| compact.classList.remove('hidden'); | |
| expert.classList.add('hidden'); | |
| buttons[0].classList.add('active'); | |
| buttons[1].classList.remove('active'); | |
| } else { | |
| compact.classList.add('hidden'); | |
| expert.classList.remove('hidden'); | |
| buttons[0].classList.remove('active'); | |
| buttons[1].classList.add('active'); | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment