/* ── Custom properties ──────────────────────────────────── */
:host {
--enviso-primary-color: #43D9EC;
--enviso-secondary-color: #111111;
--enviso-tertiary-color: #F8F3EC;
}
/* ── Card host: remove default white card look ───────────── */
:host(:has(section.enviso-offer-card)) {
background: #111111;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Card section: make it a positioned container ────────── */
section.enviso-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
}
/* ── Image container fills the full card ─────────────────── */
.enviso-offer-availability-picture {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
/* ── Image itself fills its container ───────────────────── */
span.enviso-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
border-radius: 0;
}
/* ── Gradient overlay sits above the image ───────────────── */
.enviso-offer-availability-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
z-index: 1;
}
/* ── Text info block: pinned above the buttons ───────────── */
.enviso-offer-info {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
padding: 0 0.85em 0.25em;
min-height: unset;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
summary.enviso-offer-details > span {
color: rgba(255, 255, 255, 0.75);
}
p.enviso-offer-short-description > span {
color: rgba(255, 255, 255, 0.7);
}
.enviso-btn.primary {
color: #000;
}
/* ── Action buttons: pinned at the bottom ────────────────── */
nav.enviso-offer-actions {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
border-top: none;
padding: 0 0.75em 0.65em;
gap: 0.5em;
background: transparent;
}
nav.enviso-offer-actions > enviso-button {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 99em !important;
font-family: "Maison Neue Demi", Arial, sans-serif;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
height: 2.8em;
font-size: 0.9em;
}
/* override the separator rule so both borders are white */
nav.enviso-offer-actions > enviso-button + enviso-button {
border-left: 1.5px solid rgba(255, 255, 255, 0.75) !important;
}
/* ════════════════════════════════════════════════════════════
UPSELL / CAROUSEL CARD — mirrors the offer card treatment
════════════════════════════════════════════════════════════ */
/* ── Host: strip default card chrome ────────────────────── */
:host(:has(section.enviso-upsell-offer-card)) {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
background: transparent;
box-shadow: none;
border-radius: 20px;
overflow: hidden;
}
/* ── Size the cross-sell card from its parent shadow root ── */
enviso-cross-sell-offer-card {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
max-width: 350px;
}
/* ── Outer section + inner content: single stacking context ─ */
section.enviso-upsell-offer-card {
position: relative;
display: block;
aspect-ratio: 4 / 3;
overflow: hidden;
border-radius: 20px;
width: 100%;
}
.enviso-card-content {
position: absolute;
inset: 0;
display: block;
background: transparent;
box-shadow: none;
border-radius: 20px;
width: 100%;
height: 100%;
overflow: hidden;
}
/* ── Children of card-content: remove their own flex layout ─ */
.enviso-card-content > div {
display: block;
}
/* ── Image fills the card ────────────────────────────────── */
div.enviso-upsell-offer-picture {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
aspect-ratio: unset !important;
background-size: cover;
background-position: center;
border-radius: 0;
}
/* ── Gradient overlay ────────────────────────────────────── */
div.enviso-upsell-offer-picture::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.88) 0%,
rgba(0, 0, 0, 0.45) 45%,
rgba(0, 0, 0, 0) 75%
);
pointer-events: none;
}
/* ── Title: pinned above the action row ─────────────────── */
header.enviso-offer-name {
position: absolute;
bottom: 3.25em;
left: 0;
right: 0;
margin: 0;
padding: 0 0.85em 0.25em;
z-index: 2;
}
header.enviso-offer-name > span {
color: #ffffff;
font-size: 1.1em;
}
/* ── "Meer info" pill button ─────────────────────────────── */
summary.enviso-offer-details {
z-index: 2;
display: none;
}
summary.enviso-offer-details:has(span:not(:empty)) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 2.8em;
padding: 0 1.2em;
border: 2px solid rgba(255, 255, 255, 0.75);
border-radius: 99em;
background: rgba(0, 0, 0, 0);
backdrop-filter: blur(4px);
cursor: pointer;
}
summary.enviso-offer-details > span {
color: #ffffff;
font-family: "Maison Neue Demi", Arial, sans-serif;
font-size: 0.9em;
text-decoration: none;
}
/* ── Action row: pinned at the bottom ────────────────────── */
.enviso-details-container {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 0.75em 0.65em;
background: transparent;
}
/* ── Reset the price/details child div ───────────────────── */
.enviso-details-container > div {
font-size: 1em;
margin: 0;
}
/* ── + icon: strip button chrome, show just the icon ────── */
.enviso-upsell-button {
color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
background: transparent !important;
backdrop-filter: none !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
font-size: 2em;
padding: 0 !important;
}
/* ── + icon internals (enviso-button shadow DOM) ─────────── */
:host(.enviso-upsell-button) {
border: none !important;
background: transparent !important;
box-shadow: none !important;
height: auto !important;
width: auto !important;
min-height: 0 !important;
min-width: 0 !important;
max-width: none !important;
padding: 0 !important;
}
:host(.enviso-upsell-button) .enviso-btn {
padding: 0 !important;
width: auto !important;
height: auto !important;
}
:host(.enviso-upsell-button) .enviso-btn.icon-only > enviso-icon {
display: block;
}
:host(.enviso-upsell-button) svg {
fill: #ffffff !important;
}
/* ════════════════════════════════════════════════════════════
CALENDAR — tweak the variables below to restyle the picker
════════════════════════════════════════════════════════════ */
:host {
/* gap between every date cell */
--cal-cell-spacing: 6px;
/* corner rounding on each cell */
--cal-cell-radius: 6px;
/* border colour of available cells */
--cal-cell-border: rgba(0, 0, 0, 0);
/* normal cell background */
--cal-cell-bg: #FFF3E8 !important;
/* disabled / past cell */
--cal-cell-disabled-bg: #f0f0f0;
--cal-cell-disabled-color: #bbbbbb;
/* today highlight colour */
--cal-today-color: #FDD6AF;
/* selected / range cell */
--cal-selected-color: #FDD6AF;
}
/* ── Calendar host: border & radius ─────────────────────── */
:host(:has(table.enviso-month)) {
border: 2px solid var(--cal-today-color);
border-radius: 16px;
overflow: hidden;
}
/* ── Separate cells with configurable gap ─────────────────── */
table.enviso-month {
border-collapse: separate;
border-spacing: var(--cal-cell-spacing);
}
/* ── Square cells
The widget ships height: 3.5em which turns cells into rectangles
once border-spacing eats into the column width.
With table-layout: fixed the browser sets all column widths first,
then aspect-ratio: 1 derives the row height from that width. ── */
.enviso-day {
aspect-ratio: 1 / 1;
}
/* ── Cell base appearance ────────────────────────────────── */
.enviso-dates .enviso-day {
border: 1px solid var(--cal-cell-border) !important;
background-color: var(--cal-cell-bg);
border-radius: var(--cal-cell-radius);
}
/* ── Hover: non-disabled cells get the accent border ────── */
.enviso-dates .enviso-day:not(.enviso-disabled):hover {
border: 2px solid var(--cal-today-color) !important;
}
/* ── State overrides ─────────────────────────────────────── */
.enviso-day.enviso-disabled {
background-color: var(--cal-cell-disabled-bg) !important;
color: var(--cal-cell-disabled-color) !important;
}
.enviso-day.enviso-today {
color: #000000 !important;
position: relative;
}
.enviso-day.enviso-today::after {
content: '';
position: absolute;
bottom: 20%;
left: 50%;
transform: translateX(-50%);
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #000000 !important;
}
.enviso-dates .enviso-day.enviso-selected,
.enviso-dates .enviso-day.enviso-range-start,
.enviso-dates .enviso-day.enviso-range-end {
outline-color: var(--cal-selected-color) !important;
border-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-selected {
background-color: var(--cal-selected-color) !important;
}
.enviso-dates .enviso-day.enviso-in-range {
border-color: var(--cal-selected-color) !important;
}
/* ── Timeslot buttons ─────────────────────────────────────── */
.enviso-timeslot-button {
background-color: var(--cal-cell-bg) !important;
border: 1px solid var(--cal-today-color) !important;
border-radius: var(--cal-cell-radius) !important;
color: #000000 !important;
position: relative;
}
:host([selected]) .enviso-timeslot-button {
background-color: var(--cal-today-color) !important;
}
.enviso-timeslot-button::after {
content: '';
width: 0;
height: 0;
}
/* ── Cross-sell timeslots: remove margin-left on mobile ──── */
@media (max-width: 845px) {
.enviso-cross-sell-timeslots-container {
margin-left: 0 !important;
}
}
18 reacties Commentaar van bezoekers
Zo zal de blekerij de Schieters aan de Spuiweg een paar eeuwen terug ook wel een grootgebruiker van 'vers'water zijn geweest en zal voor deze en de achterliggende blekerijen ooit ook wel een nieuw spui zijn aangelegd wat in feite alleen een afsluiter is. Ook een nieuw aangelegde weg werd lange tijd Nieuwe Weg genoemd totdat er een officiële naam kwam. Van de Anna Paulownastraat naar de Krispijnseweg, later hoofdzakelijk Amalia van Solmsstraat geheten of de nieuwe weg van de Jacob Catsstraat naar de Weeskinderendijk officieel de Verlengde Catsstraat die grotendeels in de Brouwersdijk is over gegaan. Er is één uitzondering, die van de Achterweg naar de Oudendijk waar nu nog maar een klein stukje van over is. Terug komend op het spui-verhaal .. bij het lezen van het navolgende besef je wel hoe goed we het in dat opzicht allemaal toch hebben :) =============================================== De Dordrechtsche Courant, 1868-09-17; p. 2 =============================================== Ingezonden.: Het vorige jaar werd er herhaaldelijk in den gemeenteraad alhier gesproken over het spuijen der achterstad op de Spuihaven, hetwelk door vele leden werd afgekeurd, zoodat er zelfs werd voorgesteld, zulks nimmer zoude mogen geschieden. Thans, nu de Voorstraatshaven is afgedamd, ten gevolge van herstelling aan de Leuvenbrug, en dierhalve het water in die haven ondrinkbaar is, voorzien zich de meeste bewoners uit de achterstad en zelfs van de Voorstraat, van water uit de Spuihaven. Wat gebeurt er nu? in plaats van op de Voorstraatshaven te blijven spuijen, alwaar het water toch reeds bedorven is, spuit men weder op de Spuihaven, zoo als nog laatstleden Maandag, toen het water, nadat beide sluizen gesloten waren, geheel zwart zag, en daardoor geheel onbruikbaar was geworden ; — zoude zulks wel met voorkennis van ons geacht betuur geschieden? G. ================================================ Uit onpartijdigheid plaatsen wij het bovenstaande, doch steller heeft zeker niet opgemerkt de advertentie in deze Courant van 12 dezer, waarbij tot het doen van herstellingen wordt aanbesteed de afdamming van de sluis die in de Voorstraatshaven spuit en waardoor de spuijing in deze haven vanzelf tijdelijk geslaakt moet worden. RED. ================================================ De aanbesteding waar de redactie over schrijft heb ik niet meer gevonden in de krant van de 12e, wél het stukje van een broodbakker uit de krant van de 10e. ================================================ De Dordrechtsche Courant, 1868-09-10; p. 2 D. SCHOTMAN Dz. ================================================ Zoude het niet wenschelijk zijn dat die ingezetenen, die gewoon zijn zich van drinkwater uit de Voorstraatshaven te voorzien, nu het door de afdamming van de Leuvebrug meer en meer onbruikbaar wordt, door middel van den waterwagen van wege het gemeentebestuur (al ware het ook tegen betaling), van rivierwater konden gebruik maken, hetwelk, vooral met het oog op groote verbruikers, als broodbakkers enz., zeker zijn nut zoude hebben. Een Broodbakker.
https://www.bndestem.nl/dordrecht/dit-is-waarom-er-een-merkwaardige-boog-te-zien-is-in-de-voorstraatshaven~a3ec32fa/
Voor het jaar 1307, schrijft Lips dat het Spui ( het Oude Spui) onder de huizen van de Voorstraat en de Spuistraat doorliep. Als bewijs hiervoor wordt een instorting ( een pand? / melding in de krant? ) in 1935 tegenover de Breestraat genoemd….enz. Het Nieuwe Spui werd in 1567 gegraven en kwam te lopen in de huidige Belgracht. Dit Nieuwe Spui werd in 1883 gedempt waarvan we de ingang nu nog kunnen zien d.m.v. de cementenboog in de Voorstraathavengevel. Bedoelt Lips dat via het Oude Spui er onder de panden ( van hout?) van de Grote Spuistraat ( Westzijde) werd doorgevaren met kleine bootjes? Het Nieuw Spui, de huidige Belgracht, lag achter de panden van de Grote Spuistraat. Er is dus volgens Lips is er sprake van twee verschillende grachten op verschillende locatie. ( scheelt overigens maar enkele meters) In de krant uit 1935 komt dit m.i. niet duidelijk naar voren of moet ik de tekst bij Lips anders interpreteren?
Afgelopen week liet Andrew v. Valen nog een prachtige plattegrond van de oude stad zien waarop het totale grachtenverloop in de oude binnenstad duidelijk te zien zijn. Ik kan deze foto helaas niet meer terugvinden. Deze zou ik graag nog eens bekijken.
=================================================================== De Groote Spuistraat =================================================================== De geschiedenis van een straat =================================================================== Merkwaardige gevels =================================================================== De Groote Spuistraat behoort, hoewel slechts een zijstraat der Voorstraat, tot de merkwaardigste straten van het oudste Dordrecht. In het laatst der 13de en het begin der 14de eeuw heette zij nog Heer Tielman-Vriesestraat, naar Tielman de Vriese‚ schepen der stad o.a. in 1291, 1305, 1310. Toen in 1307 het nieuwe Spui gegraven was, dat van de Oude Haven langs de westzijde der Spuistraat door den stadsmuur naar het zuiden liep, kreeg de straat allengs den naam van Groote Spoey- of Spuistraat en het straatje langs de westzijde van het Spui, dien van Kleine Spoeystrate. Van dat Spui, dat in het laatst der 14de eeuw als vaarweg weer buiten gebruik moest gesteld worden, bleef slechts een binnengracht, de Spui- of Belgracht (naar de brouwerij de Bel), die thans voor jaren gedempt is. Op het Spui, d.w.z‚ op de plaats waar de afsluiting (de schuif) der gracht was, stond, nog in de 16de eeuw, het Spuyhuys. In 1596 was dit gesloopt en vond men er de bierbrouwerij het Tonneken, in de 17de eeuw weer vervangen door het woonhuis der familie van Dorsten, waarvan de wapens in den gevel stonden. Ook dit pand is nu, na in 1896 eerst verbouwd te zijn, gesloopt en door een modern pand met drie zaakbakjes boven elkaar, aan de havenzijde vervangen. De oude uitmondingen van het- Spui, een waar rattenparadíjs, is nu ook opgeruimd, maar de oude plaats wordt aangewezen in het nieuwe metselwerk. In de straat stond voorheen het O.L.V. Gast- huis van der Spoeye met kapel, gesticht in de 14de eeuw, maar eerst in 1543 gewijd. Na 1572 werd de kapel ingericht tot gildehuis der Spoeyenaars (Sledenaars), waar ook de Dordtsche Rederijkerskamer In Reyn Geneucht haar bijeenkomsten hield. Ook het Gildehuis der Kleermakers moet er geweest zijn; later vond men het op de Elfhuizen. Behalve deze min of meer merkwaardige gebouwen, had de Groote Spuistraat het voorrecht te mogen dienen tot het bouwen van z. g. proefgevels voor het metselaarsgilde. Alleen in zij- en dwarsstraten mocht zulks geschieden, vandaar dat in die straten nog zooveel oude geveltjes gevonden worden in den bekenden Dordtschen stijl: Trapgevel met boogramen, termijnbogen, en draagsteenen; in de boogvelden klaverblad met lelies aan de punten. Dit type heeft men tot 1795 steeds als gildeproef gebezigd, gelijk men in de stad nog steeds kan waarnemen (o.a. Vriesestraat 106). De nieuwe tijdgeest heeft er reeds verscheidene doen verdwijnen, of wat erger is, doen ver- minken. =================================================================== Verder worden in dit artikel de gevels in de Grote Spuistraat besproken.