From 96ae14d0e0ee59faa134f4803ded8b95ca21d112 Mon Sep 17 00:00:00 2001 From: oliver Date: Sat, 25 Apr 2026 08:10:43 -0300 Subject: [PATCH] nice --- about.html | 585 ++++++++++++++++++++++++++++++++++++++++++----------- index.html | 206 +++++++++++++++---- 2 files changed, 633 insertions(+), 158 deletions(-) diff --git a/about.html b/about.html index f18343d..7961228 100644 --- a/about.html +++ b/about.html @@ -91,6 +91,7 @@ h1 { font-size: clamp(2.8rem, 7vw, 5rem); max-width: 80%; margin-top: 18px; } .lead { max-width: 62ch; margin-top: 18px; color: var(--silver); font-size: 1rem; } .grid-2 { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 24px; } + .grid-2-equal { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .panel { background: rgba(255, 243, 224, 0.84); border: 1px solid rgba(93, 64, 55, 0.12); @@ -103,70 +104,210 @@ .info-list { display: grid; gap: 16px; } .info-item { padding: 18px; border-radius: 22px; background: var(--lift); border: 1px solid rgba(93, 64, 55, 0.1); } .info-item h3 { font-size: 1.2rem; margin-bottom: 8px; } - .faq-wrap { display: grid; gap: 14px; } - .faq-item { - border-radius: 24px; - overflow: hidden; - border: 1px solid rgba(93, 64, 55, 0.12); + .story-card { background: rgba(255, 243, 224, 0.88); + border: 1px solid rgba(93, 64, 55, 0.12); + border-radius: 28px; + padding: 28px; + box-shadow: 0 18px 44px rgba(62, 39, 35, 0.08); } - .faq-button { + .story-card h3 { + font-size: clamp(1.5rem, 3vw, 2.2rem); + margin-bottom: 14px; + } + .story-card p { color: var(--silver); } + .pairing-type { + margin-top: 16px; + color: var(--gold); + font-weight: 700; + font-size: 0.95rem; + } + .pairing-type [data-mf-text-type="typing"] { + display: inline-block; + min-width: 14ch; + } + .career-form { + margin-top: 24px; + display: grid; + gap: 16px; + } + .career-grid { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 16px; + } + .career-field.full { + grid-column: 1 / -1; + } + .career-field label { + display: block; + margin-bottom: 8px; + color: var(--gold); + font-size: 0.68rem; + font-weight: 700; + letter-spacing: 0.14em; + text-transform: uppercase; + } + .career-input, + .career-textarea { width: 100%; - padding: 20px 22px; - background: transparent; - border: none; - display: flex; - align-items: center; - justify-content: space-between; - gap: 12px; - cursor: pointer; - font: inherit; + padding: 14px 16px; + border: 1px solid rgba(230, 81, 0, 0.18); + border-radius: 16px; + background: rgba(93, 64, 55, 0.05); color: var(--white); + font: inherit; } - .faq-button strong { - font-family: Georgia, "Times New Roman", serif; - font-size: 1.2rem; - text-align: left; + .career-input:focus, + .career-textarea:focus { + outline: none; + border-color: var(--gold); + box-shadow: 0 0 0 3px var(--gold-glow); } - .faq-icon { color: var(--gold); font-size: 1rem; } - .faq-panel { - display: none; - padding: 0 22px 22px; - color: var(--silver); + .career-textarea { + min-height: 140px; + resize: vertical; } - .faq-panel.open { display: block; } - .faq-panel ul { list-style: none; display: grid; gap: 10px; } - .faq-panel li { padding-left: 18px; position: relative; } - .faq-panel li::before { - content: ""; - position: absolute; - left: 0; - top: 0.65em; - width: 8px; - height: 8px; - border-radius: 50%; - background: linear-gradient(135deg, var(--gold-lo), var(--gold), var(--gold-hi)); + .career-submit { + border: none; + border-radius: 999px; + padding: 14px 18px; + font: inherit; + font-weight: 700; + color: var(--card); + cursor: pointer; + background: linear-gradient(135deg, var(--gold-lo) 0%, var(--gold) 38%, var(--gold-hi) 55%, var(--gold) 75%, var(--gold-lo) 100%); + transition: transform 0.2s, box-shadow 0.2s, opacity 0.2s; + } + .career-submit:hover { + transform: translateY(-1px); + box-shadow: 0 12px 24px var(--gold-glow); + } + .career-submit:disabled { + opacity: 0.6; + cursor: not-allowed; + } + .career-status { + color: var(--grey); + font-size: 0.84rem; } footer { background: var(--bg-deep); border-top: 3px solid var(--gold); + padding: 72px 8vw 40px; } - .footer-row { + .footer-top { max-width: 1120px; margin: 0 auto; - display: flex; - justify-content: space-between; - gap: 18px; - flex-wrap: wrap; - align-items: center; + display: grid; + grid-template-columns: 1.4fr 1.1fr 0.8fr 0.8fr; + gap: 28px; + align-items: start; + } + .footer-brand p { + color: var(--grey); + max-width: 28ch; + margin-top: 14px; + font-size: 0.88rem; } .footer-logo img { height: 34px; width: auto; } - .footer-links { display: flex; gap: 16px; flex-wrap: wrap; } - .footer-links a, .footer-row span { color: var(--grey); font-size: 0.84rem; } + .footer-contact-shell { + display: grid; + gap: 12px; + } + .footer-contact-form { + display: grid; + gap: 12px; + } + .footer-contact-form textarea, + .footer-contact-form input { + width: 100%; + border: 1px solid rgba(161, 136, 127, 0.2); + border-radius: 18px; + background: rgba(255, 243, 224, 0.06); + color: var(--card); + font: inherit; + padding: 14px 16px; + } + .footer-contact-form textarea { + min-height: 110px; + resize: vertical; + padding-right: 60px; + } + .footer-contact-message-wrap { + position: relative; + } + .footer-contact-message-wrap .footer-contact-send { + position: absolute; + right: 10px; + bottom: 10px; + min-height: 40px; + height: 40px; + width: 40px; + padding: 0; + border-radius: 50%; + border: none; + background: rgba(255, 243, 224, 0.9); + color: var(--gold); + cursor: pointer; + } + .footer-contact-form input::placeholder, + .footer-contact-form textarea::placeholder { + color: var(--grey); + } + .footer-contact-form input:focus, + .footer-contact-form textarea:focus { + outline: none; + border-color: var(--gold); + box-shadow: 0 0 0 3px rgba(230, 81, 0, 0.12); + } + .footer-contact-status { + color: var(--grey); + font-size: 0.8rem; + } + .footer-col h4 { + margin-bottom: 16px; + color: var(--gold); + font-size: 0.65rem; + letter-spacing: 0.16em; + text-transform: uppercase; + } + .footer-col ul { + list-style: none; + display: grid; + gap: 10px; + } + .footer-col a, + .footer-bottom span, + .footer-legal a { + color: var(--grey); + font-size: 0.84rem; + } + .footer-col a:hover, + .footer-legal a:hover { + color: var(--gold-hi); + } + .footer-bottom { + max-width: 1120px; + margin: 24px auto 0; + display: flex; + justify-content: space-between; + align-items: center; + gap: 14px; + flex-wrap: wrap; + padding-top: 24px; + border-top: 1px solid rgba(161, 136, 127, 0.18); + } + .footer-legal { + display: flex; + gap: 18px; + flex-wrap: wrap; + } @media (max-width: 900px) { - .grid-2 { grid-template-columns: 1fr; } + .grid-2, .grid-2-equal, .career-grid { grid-template-columns: 1fr; } nav, .hero, section, footer { padding-left: 5vw; padding-right: 5vw; } h1 { max-width: 100%; } + .footer-top { grid-template-columns: 1fr; } } @@ -216,106 +357,304 @@ -
-
- FAQ -

Questions people ask before they commit.

-
-
- -
-
    -
  • How pricing works across different stages of growth.
    • -
  • When to start with the base plan versus a broader rollout.
    • -
  • How to think about long-term ownership and platform flexibility.
    • -
-
-
-
- -
-
    -
  • What information is needed to get the first instance ready.
    • -
  • How teams choose modules, server location, and initial workflows.
    • -
  • What a sensible first phase looks like for a new client.
    • -
-
-
-
- -
-
    -
  • How to keep data clean and users aligned after launch.
    • -
  • What ongoing maintenance and governance can look like.
    • -
  • How permissions, updates, and operational routines are handled.
    • -
-
-
-
- -
-
    -
  • How custom modules and integrations fit into a mature setup.
    • -
  • When to bring in specialist developers or internal teams.
    • -
  • How the system supports more demanding operational use cases.
    • -
-
+
+
+
+ Coffee Theme +

Why the coffee theme and the coffee bean in the logo?

+

+ Out of our own experience: business and coffee belong together. The work is rarely clean, linear, or glamorous. It is early starts, sharp conversations, second drafts, and getting one more useful thing done before the day closes. +

+
+ Business and coffee go together like + Menthos and Coca Cola.Tom and Jerry.peanut butter and jelly.Batman and Robin.thunder and lightning.late nights and pitch decks.
+
+ Guild Counsel +

Why Guild Counsel?

+

+ Because we love startups, builders, and teams that are actually trying to make something work. We are fed up with business BS bingo, inflated consulting theater, and polished nonsense that sounds smart while saying nothing. +

+

+ Guild stands for craft, shared standards, and people who know their trade. Counsel stands for practical guidance, not buzzwords. Put together, it means advice for operators who need useful decisions, cleaner systems, and less corporate performance art. +

+
Careers -

We work with people who care about useful systems.

+

We permanently start new guilds and are looking for guild managers.

- This area is ready for your careers content. Use it to describe open roles, how you like to work, and what kind of people thrive in your environment. + We expect profound expertise in the guild itself, not generic management language. If you want to lead a guild, tell us which guild you want to build, why you fit, and what practical depth you bring.

-
-
- -
-
- Partners -

Built to collaborate with specialists and trusted operators.

- This area is ready for partner content. Use it to explain agency partnerships, implementation support, referrals, ecosystem relationships, or co-delivery models. + An application with the guild, language, an explanation of why you fit, what you bring to the table, and your commercial expectations is expected.

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
- + + diff --git a/index.html b/index.html index 455786b..f35ec64 100644 --- a/index.html +++ b/index.html @@ -38,6 +38,11 @@ rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@slicemypage/motionflow@latest/dist/motionflow.min.css" /> +