Skip to content

Commit 284ea85

Browse files
danirabbitlewisgoddard
danirabbit
and
lewisgoddard
authored
Update for 8.1 (#3919)
* Update for 8.1 * Update release details for version 8.1 Updated release filename, magnet link, and SHA256 hash for the new version. * Add support for multiarch downloads in 8.1 (#3922) * Add download options for Intel, AMD, and ARM 64-bit * Refactor dialog styles for better option layout * Reorder release information in config example * Refactor dialog option styles for better specificity * Adjust dialog option margins and styles Updated margin styles for dialog options and titles. * Revise download modal content for clarity Updated the download modal text to clarify the choice of OS variant. * Increase max-width of dialog paragraph * Update download modal title for clarity * Add close button to download modal in index.php * Remove padding-top from main.css Removed extra padding-top from the element. * Update links, press page, screenshots * Actually do screenshots * fix missing icons * Update dialog css * Invert options: best option for most people in bottom right * Better close button * Update copy * Add alt and set autofocus * Use HTML for close button * Delete _images/thirdparty-icons/apps/48/installer.svg --------- Co-authored-by: Lewis Goddard <[email protected]>
1 parent e8d7f57 commit 284ea85

File tree

9 files changed

+98
-45
lines changed

9 files changed

+98
-45
lines changed

‎_backend/config.example.php‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,23 @@
55

66
return array(
77
'release_title' => 'Circe',
8-
'release_version' => '8.0.2',
9-
'release_filename' => 'elementaryos-8.0-stable-amd64.20250902rc.iso',
8+
'release_version' => '8.1',
109
'release_size' => '3.3 GB',
11-
'release_magnet' => '36d2dec9234ae7196062b60eca32b08f01c77143',
12-
'release_sha256' => 'c0ee5f9c1fa27a42fe864a6360ca17b3b40504f258ade3e4cfe7b17d94f8acc6',
1310
'release_faq' => 'https://github.com/elementary/os/wiki/OS-8-FAQ',
1411

12+
'release_filename' => 'elementaryos-8.1-stable-amd64.20251211.iso',
13+
'release_magnet' => 'addc43b83201d733d7558e431b692c10e2f53f84',
14+
'release_sha256' => 'eee6cad081664717681bec767fbfe1aa1fd920938fedad6c83b41fd341e8f306',
15+
16+
'release_arm_filename' => 'elementaryos-8.1-stable-arm64.20251211.iso',
17+
'release_arm_magnet' => '2be4ebcb8a5c60b230f0e9eab9fdaf80694a2395dc2a7b128321f8354253046a',
18+
'release_arm_sha256' => 'b52b2a0195015e351db1ac1183f5d9263db9a254',
19+
1520
'previous_title' => 'Circe',
16-
'previous_version' => '8.0.1',
17-
'previous_filename' => 'elementaryos-8.0-stable.20250314rc.iso',
21+
'previous_version' => '8.0.2',
22+
'previous_filename' => 'elementaryos-8.0-stable-amd64.20250902rc.iso',
1823
'previous_size' => '3.3 GB',
19-
'previous_magnet' => 'ca69606c5767ec131cc6d6618885b8920ca3f8e8',
24+
'previous_magnet' => '36d2dec9234ae7196062b60eca32b08f01c77143',
2025

2126
'stripe_sk' => 'sk_test_hoigesrjgoisrhgilgjrsfjs',
2227
'stripe_pk' => 'pk_test_hoigesrjgoisrhgilgjrsfjs',

‎_images/screenshots/desktop.jpg‎

-950 KB
Loading

‎_images/screenshots/desktop.png‎

-4.9 MB
Loading

‎_images/screenshots/music.png‎

100755100644
7.75 KB
Loading

‎_images/screenshots/shortcut-overlay.png‎

82.4 KB
Loading

‎_scripts/widgets/download-modal.js‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,4 @@ export function openDownloadOverlay () {
3232
return
3333
}
3434
$downloadModal.showModal()
35-
const $closeButton = $downloadModal.querySelector('.js-close-button')
36-
$closeButton.addEventListener('click', () => {
37-
$downloadModal.close()
38-
}, { once: true })
3935
}

‎_styles/main.css‎

Lines changed: 61 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1042,7 +1042,7 @@ So that for browsers that dont we can have a sensible inline style that can be a
10421042
}
10431043
.dialog[open] {
10441044
border: none;
1045-
border-radius: 3px;
1045+
border-radius: 9px;
10461046
box-shadow:
10471047
inset 1px 0 0 0 rgba(255, 255, 255, 0.2),
10481048
inset -1px 0 0 0 rgba(255, 255, 255, 0.2),
@@ -1052,7 +1052,6 @@ So that for browsers that dont we can have a sensible inline style that can be a
10521052
0 3px 28px 2px rgba(0, 0, 0, 0.12),
10531053
0 5px 10px -3px rgba(0, 0, 0, 0.4);
10541054
padding: 12px;
1055-
padding-top: 24px;
10561055
text-align: initial;
10571056
}
10581057

@@ -1064,44 +1063,62 @@ So that for browsers that dont we can have a sensible inline style that can be a
10641063

10651064
.dialog[open]::backdrop {
10661065
background: rgba(0, 0, 0, 0.7);
1067-
}
1068-
1069-
.dialog[open] .dialog-title {
1070-
font-weight: 700;
1071-
font-size: 1em;
1072-
text-align: left;
1073-
line-height: 24px;
1074-
margin: 0;
1066+
backdrop-filter: blur(4px);
10751067
}
10761068

10771069
.dialog[open] img {
10781070
display: inline-block;
1079-
margin-right: 12px;
1071+
/*Account for padding inside image*/
1072+
margin: -2px 5px 0 -2px;
10801073
user-select: none;
10811074
vertical-align: top;
10821075
}
10831076

10841077
.dialog[open] .content-area {
10851078
display: inline-block;
1086-
width: calc(100% - 48px - 18px); /* Subtract icon width and right margin */
1079+
}
1080+
1081+
.dialog[open] .dialog-title {
1082+
font-weight: 700;
1083+
font-size: 1.1em;
1084+
text-align: left;
1085+
line-height: 1em;
1086+
margin: 0;
10871087
}
10881088

10891089
.dialog p {
10901090
margin: 0 auto;
10911091
text-align: left;
1092-
line-height: 24px;
1093-
max-width: 380px;
1092+
line-height: 1.25em;
1093+
max-width: 420px;
1094+
}
1095+
1096+
.dialog[open] .dialog-title + p {
1097+
margin-top: 0.5em;
1098+
margin-bottom: 1em;
10941099
}
10951100

10961101
.dialog[open] p {
1097-
margin: 6px 0 0;
1102+
margin-bottom: 2em;
10981103
}
10991104

1100-
.dialog .action-area {
1101-
margin-top: 12px;
1105+
.dialog .dialog-option {
1106+
margin-top: 1em;
11021107
}
11031108

1104-
.dialog[open] .action-area {
1109+
.dialog .dialog-option-title {
1110+
opacity: 0.8;
1111+
font-size: 0.8em;
1112+
margin: 0;
1113+
}
1114+
1115+
.dialog p.dialog-option-subtitle {
1116+
opacity: 0.7;
1117+
font-size: 0.7em;
1118+
margin: 0;
1119+
}
1120+
1121+
.dialog[open] .dialog-option {
11051122
display: flex;
11061123
flex-flow: row;
11071124
flex-wrap: wrap;
@@ -1111,25 +1128,47 @@ So that for browsers that dont we can have a sensible inline style that can be a
11111128
.dialog .button {
11121129
display: inline-block;
11131130
font-size: 14px;
1114-
flex: 0 35%; /* FIXME: These values are bullshit */
11151131
margin: 0;
1116-
padding: 9px 12px;
1132+
padding: 9px;
11171133
user-select: none;
11181134
white-space: nowrap;
11191135
}
11201136

1121-
.dialog .action-area > .button + .button,
1122-
.dialog .action-area > .button + .linked {
1137+
.dialog .dialog-option > .button + .button {
11231138
margin: 0;
11241139
margin-left: 6px;
11251140
}
11261141

1142+
.dialog .dialog-option > .download-link.magnet {
1143+
flex: 0 auto;
1144+
margin-left: auto;
1145+
}
1146+
1147+
.dialog .dialog-option > .download-link.http {
1148+
flex: 0 35%; /* FIXME: These values are bullshit */
1149+
}
1150+
11271151
/* If the dialog is inline hide the close button */
11281152
.dialog .close-modal {
11291153
display: none;
11301154
}
1155+
11311156
.dialog[open] .close-modal {
1157+
background: rgba(0, 0, 0, 0.1);
1158+
border: none;
1159+
border-radius: 1em;
1160+
box-shadow: none;
11321161
display: block;
1162+
justify-self: start;
1163+
margin: 0;
1164+
margin-bottom: 0.5em;
1165+
padding: 6px;
1166+
height: 28px;
1167+
width: 28px;
1168+
}
1169+
1170+
.dialog[open] .close-modal img {
1171+
margin: 0;
11331172
}
11341173

11351174
/*********

‎index.php‎

Lines changed: 22 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -145,8 +145,8 @@
145145
<section id="whats-new" class="grey">
146146
<div class="grid">
147147
<div class="two-thirds">
148-
<h2>What’s New in elementary OS 8</h2>
149-
<p>Carefree because you're cared for. OS 8 brings a Secure Session that ensures apps respect your privacy and require your consent, a brand new Dock with productive multitasking and window management features, and empowers our diverse community through Inclusive Design.</p>
148+
<h2>What’s New in elementary OS 8.1</h2>
149+
<p>Everything you love, made even better. OS 8.1 improves the Secure Session and Dock, enhances accessibility, improves support for your devices, and addresses your feedback with over 1,100 issue reports fixed.</p>
150150
<a href="https://blog.elementary.io/os-8-available-now/" target="_blank" rel="noopener" class="read-more">Read the Announcement</a>
151151
</div>
152152
</div>
@@ -468,16 +468,29 @@
468468
<span id="translate-download" style="display:none;" hidden>Download elementary OS</span>
469469
<span id="translate-purchase" style="display:none;" hidden>Purchase elementary OS</span>
470470
<dialog id="download-modal" class="dialog" aria-labelledby="download-modal-title">
471+
<form method="dialog">
472+
<button class="close-modal"><img src="images/pantheon/actions/window-close.svg" alt="Close" ></button>
473+
</form>
471474
<img src="images/thirdparty-icons/apps/48/io.elementary.installer.svg" alt=""/>
472475
<div class="content-area">
473476
<h2 id="download-modal-title" class="dialog-title">Choose a Download</h2>
474-
<p>Download from a localized server or by magnet link. For help and more info, see the <a class="read-more" href="docs/installation" target="_blank" rel="noopener">installation guide</a></p>
475-
</div>
476-
<div class="action-area">
477-
<button class="js-close-button button clickable close-modal">Close</button>
478-
<div class="linked">
479-
<a class="button suggested-action download-link http" href="<?php echo $download_link.$config['release_filename']; ?>">Download</a>
480-
<a class="button suggested-action download-link magnet" title="Torrent Magnet Link" href="<?php echo 'magnet:?xt=urn:btih:'.$config['release_magnet'].'&dn='.$config['release_filename']; ?>&tr=https%3A%2F%2Fashrise.com%3A443%2Fphoenix%2Fannounce&tr=udp%3A%2F%2Fopen.demonii.com%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80%2Fannounce&ws=http%3A<?php echo urlencode($download_link.$config['release_filename']); ?>"><i class="fa fa-magnet"></i></a>
477+
<p>Download the install media for your computer's processor from a localized server or by magnet link</p>
478+
<p>For help and more info, see the <a class="read-more" href="docs/installation" target="_blank" rel="noopener">installation guide</a></p>
479+
<div class="dialog-option">
480+
<div class="dialog-option-description">
481+
<h3 class="dialog-option-title">ARM® 64-bit</h3>
482+
<p class="dialog-option-subtitle">Apple Silicon, Raspberry Pi, etc</p>
483+
</div>
484+
<a class="button download-link magnet" title="Torrent Magnet Link" href="<?php echo 'magnet:?xt=urn:btih:'.$config['release_arm_magnet'].'&dn='.$config['release_filename']; ?>&tr=https%3A%2F%2Fashrise.com%3A443%2Fphoenix%2Fannounce&tr=udp%3A%2F%2Fopen.demonii.com%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80%2Fannounce&ws=http%3A<?php echo urlencode($download_link.$config['release_filename']); ?>"><i class="fa fa-magnet"></i></a>
485+
<a class="button download-link http" href="<?php echo $download_link.$config['release_arm_filename']; ?>">Download</a>
486+
</div>
487+
<div class="dialog-option">
488+
<div class="dialog-option-description">
489+
<h3 class="dialog-option-title">Intel or AMD 64-bit</h3>
490+
<p class="dialog-option-subtitle">Most PCs and older Macs</p>
491+
</div>
492+
<a class="button download-link magnet" title="Torrent Magnet Link" href="<?php echo 'magnet:?xt=urn:btih:'.$config['release_magnet'].'&dn='.$config['release_filename']; ?>&tr=https%3A%2F%2Fashrise.com%3A443%2Fphoenix%2Fannounce&tr=udp%3A%2F%2Fopen.demonii.com%3A1337%2Fannounce&tr=udp%3A%2F%2Ftracker.openbittorrent.com%3A80%2Fannounce&ws=http%3A<?php echo urlencode($download_link.$config['release_filename']); ?>"><i class="fa fa-magnet"></i></a>
493+
<a autofocus class="button download-link http" href="<?php echo $download_link.$config['release_filename']; ?>">Download</a>
481494
</div>
482495
</div>
483496
</dialog>

‎press.php‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -106,9 +106,9 @@
106106
<div class="grid">
107107
<div class="two-thirds">
108108
<h2>elementary OS 8</h2>
109-
<p>Carefree because you're cared for. OS 8 brings a Secure Session that ensures apps respect your privacy and require your consent, a brand new Dock with productive multitasking and window management features, and empowers our diverse community through Inclusive Design.</p>
110-
<a class="button" href="https://blog.elementary.io/os-8-available-now/" target="_blank" rel="noopener" class="read-more">Read Announcement</a>
111-
<a class="button" href="https://github.com/elementary/press-kit/archive/8.0.0.zip" target="_blank" rel="noopener" class="read-more">Download Press Kit</a>
109+
<p>Everything you love, made even better. OS 8.1 improves the Secure Session and Dock, enhances accessibility, improves support for your devices, and addresses your feedback with over 1,100 issue reports fixed.</p>
110+
<a class="button" href="https://blog.elementary.io/os-8-1-available-now/" target="_blank" rel="noopener" class="read-more">Read Announcement</a>
111+
<a class="button" href="https://github.com/elementary/press-kit/archive/8.1.0.zip" target="_blank" rel="noopener" class="read-more">Download Press Kit</a>
112112
</div>
113113
</div>
114114
</div>

0 commit comments

Comments
 (0)