Skip to content

DConf 2026: Small design tweaks #352

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thewilsonator merged 9 commits into from
May 14, 2026
Merged

DConf 2026: Small design tweaks #352

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
4bd5c38
26: Tweak logo padding
0xEAB May 13, 2026
c583bdd
26: Pad articles
0xEAB May 13, 2026
2159110
26: Add shadow to articles
0xEAB May 13, 2026
d6bf377
26: Do not justify text
0xEAB May 13, 2026
5a3f69a
26: Fix padding for non-large screens
0xEAB May 13, 2026
5f294c1
26: Fix QR code size on small screens
0xEAB May 13, 2026
463a1c4
26: Tweak margins of reg cards
0xEAB May 13, 2026
0d3094a
26: Make list padding less excessive
0xEAB May 13, 2026
0fec950
26: Center payment links
0xEAB May 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 44 additions & 14 deletions 2026/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,10 @@
input[type=text] {
border: solid black 1px;
}
ol, ul {
list-style-position: outside;
padding: 0 0 0 2em;
}
#map {
width: 100%;
height: 450px;
Expand All @@ -79,6 +83,21 @@
#footer {
background-color: #fff;
}
img.conf-logo.w3-hide-small {
padding: 1.75rem;
}
img.conf-logo:not(.w3-hide-small) {
padding: 0.25rem;
}
.w3-container>.w3-content {
padding: 1rem 1.25rem;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
@media (min-width: 993px) {
.w3-container>.w3-content {
padding: 2rem 4rem;
}
}
.quote {
font-style: italic;
margin: 1.5em 10px;
Expand All @@ -95,7 +114,7 @@
padding: 32px;
}
.reg {
margin: 16px;
margin: 1.5rem 0;
background-color: inherit;
border: 2px solid #007acc;
}
Expand Down Expand Up @@ -159,6 +178,9 @@
margin-top: 16px;
background-color: white;
}
.qr {
max-width: 100%;
}
@media screen and (max-width: 599px) {
body {
font-size: 0.9em;
Expand Down Expand Up @@ -188,7 +210,7 @@
<title>The D Programming Language Conference 2026</title>
</head>

<body class="w3-justify">
<body>
<div class="w3-card-2" id="menu">
<div class="w3-bar">
<a href="#" class="w3-bar-item w3-btn w3-block">HOME</a>
Expand Down Expand Up @@ -234,13 +256,13 @@
</div>
<header class="w3-container" id="home">
<div class="w3-center w3-padding">
<img width=512 src="./images/logo.svg" class="w3-hide-small">
<img width=256 src="./images/logo.svg" class="w3-hide-large w3-hide-medium">
<img width="512" src="./images/logo.svg" class="w3-hide-small conf-logo">
<img width="256" src="./images/logo.svg" class="w3-hide-large w3-hide-medium conf-logo">
</div>
</header>

<!-- About Container -->
<div class="w3-container w3-margin-top" id="about">
<div class="w3-container" id="about">
<article class="w3-content w3-round-xxlarge">
<h1>September 2 &ndash; 4, 2026</h1>
<p>
Expand Down Expand Up @@ -275,7 +297,7 @@ <h2>Important Dates</h2>

<!-- Schedule Container -->
<div class="w3-container w3-margin-top" id="schedule">
<article class="w3-content">
<article class="w3-content w3-round-xxlarge">
<h1>Call for Submissions</h1>
<figure class="quote">
<blockquote>Coming up with an idea for a talk is as simple as the way you use D. Just look at your code, and it makes a presentation...</blockquote>
Expand Down Expand Up @@ -353,30 +375,38 @@ <h2>Standard Submission Guidelines</h2>

<!-- Registration Container -->
<div class="w3-container w3-margin-top" id="register">
<article class="w3-content w3-card-2">
<article class="w3-content w3-round-xxlarge w3-card-2">
<h1>Registration</h1>
<p>
GBP rates are based on the <a href="https://www.trade-tariff.service.gov.uk/exchange_rates?_ga=2.151572601.1999754293.1711386624-1720286691.1711386624">HMRC Exchange Rate for the current month.</a> Note that this rate is static for the month and will most likely differ from the rate used by PayPal or your credit card company. You may find the USD PayPal link to result in a lower or higher charge on your GBP credit card than the GBP link.</p>
<p>
A 20% VAT is added to the base registration rates.
</p>
<div class="reg w3-padding w3-card">
<div class="reg w3-padding w3-card w3-round-xxlarge">
<p><span>General Registration Base Rate: $350 (£259.22)</span></p>
<p>
At a base rate of <strong>$350</strong>, the total with <strong>20% VAT</strong> is <strong>$420 (£311.06)</strong>. General Registration closes at 11:59 UTC on September 2.
</p>
<p><a href="https://www.paypal.com/ncp/payment/9U5ZTR85QUNNJ">Click here to register with PayPal in USD</a> or use this QR code:</p>
<p class="w3-center"><img src="images/pp-usd.png"></p>
<p><a href="https://www.paypal.com/ncp/payment/XNUFTENR9T6B2">Click here to register with PayPal in GBP</a> or use this QR code:</p>
<p class="w3-center"><img src="images/pp-gbp.png"></p>
<div class="w3-center">
<p>
<a href="https://www.paypal.com/ncp/payment/9U5ZTR85QUNNJ">Click here to register with PayPal in USD</a>
<br>or use this QR code:
<br><img class="qr" alt="QR code for payments in USD" src="images/pp-usd.png">
</p>
<p>
<a href="https://www.paypal.com/ncp/payment/XNUFTENR9T6B2">Click here to register with PayPal in GBP</a>
<br>or use this QR code:
<br><img class="qr" alt="QR code for payments in GBP" src="images/pp-gbp.png"></p>
<p>
</div>
</div>
<div class="reg w3-padding w3-card">
<div class="reg w3-padding w3-card w3-round-xxlarge">
<p><span>Student Registration Base Rate: $100 (£74.06)</span></p>
<p>
The student rate is a fixed <strong>$100</strong> + <strong>20% VAT</strong>, or <strong>$120 (£88.87)</strong> until General Registration closes. If you qualify, please contact <a href="mailto:&#115;&#111;&#099;&#105;&#097;&#108;&#064;&#100;&#108;&#097;&#110;&#103;&#046;&#111;&#114;&#103;">&#115;&#111;&#099;&#105;&#097;&#108;&#064;&#100;&#108;&#097;&#110;&#103;&#046;&#111;&#114;&#103;</a> for details on how to take advantage of this discounted rate.
</p>
</div>
<div class="reg w3-padding w3-card">
<div class="reg w3-padding w3-card w3-round-xxlarge">
<p><span>Hardship Rate</span></p>
<p>
If you would like to attend DConf but cannot afford any of the above rates, we are willing to offer you a special hardship rate. This is a discount on registration only. We cannot assist you with transportation or lodging. Please contact <a href="mailto:&#115;&#111;&#099;&#105;&#097;&#108;&#064;&#100;&#108;&#097;&#110;&#103;&#046;&#111;&#114;&#103;">&#115;&#111;&#099;&#105;&#097;&#108;&#064;&#100;&#108;&#097;&#110;&#103;&#046;&#111;&#114;&#103;</a> to explain your situation, and we&#8217;ll provide you with more details.
Expand Down
Loading