[PATCH 0/2] website: Redesign home page

  • Done
  • quality assurance status badge
Details
2 participants
  • pelzflorian (Florian Pelz)
  • sirgazil
Owner
unassigned
Submitted by
sirgazil
Severity
normal
S
S
sirgazil wrote on 26 Jul 23:22 +0200
(address . guix-patches@gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240726212406.26104-1-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

These are changes for the guix-artwork repository. The changes
implement the design of the home page presented as part of the
proposal "Differentiate products more clearly", sent to the Guix
development mailing list in October 2023 (see

Luis Felipe (2):
website: Redesign home page.
website: Move screenshots style to the screenshots style sheet.

website/apps/base/templates/home.scm | 351 ++--
website/apps/media/templates/screenshot.scm | 3 +-
.../media/templates/screenshots-overview.scm | 2 +-
.../img/background-pattern-white-dots.svg | 397 +++++
.../static/base/img/give-users-control.svg | 528 ++++++
.../base/img/guile-logo-outlined-floating.svg | 144 ++
website/static/base/img/guix-shell.svg | 143 ++
.../static/base/img/guix-system-display.svg | 211 +++
website/static/base/img/people-focused.svg | 160 ++
.../img/reproducible-outputs-container.svg | 389 +++++
.../base/img/reproducible-outputs-package.svg | 215 +++
.../base/img/reproducible-outputs-shell.svg | 332 ++++
.../base/img/reproducible-outputs-systems.svg | 1412 +++++++++++++++++
.../base/img/timeline-lapse-arrow-down.svg | 108 ++
.../static/base/img/timeline-lapse-arrow.svg | 108 ++
.../base/img/timeline-lapse-dot-down.svg | 121 ++
.../static/base/img/timeline-lapse-dot.svg | 120 ++
website/themes/initial/css/common.css | 18 +
website/themes/initial/css/index.css | 338 ++--
website/themes/initial/css/screenshots.css | 64 +-
.../background-pattern-checkerboard-dark.svg | 121 ++
.../initial/img/depression-shadow-bottom.png | Bin 0 -> 4220 bytes
website/themes/initial/img/h-separator.svg | 164 ++
23 files changed, 5211 insertions(+), 238 deletions(-)
create mode 100644 website/static/base/img/background-pattern-white-dots.svg
create mode 100644 website/static/base/img/give-users-control.svg
create mode 100644 website/static/base/img/guile-logo-outlined-floating.svg
create mode 100644 website/static/base/img/guix-shell.svg
create mode 100644 website/static/base/img/guix-system-display.svg
create mode 100644 website/static/base/img/people-focused.svg
create mode 100644 website/static/base/img/reproducible-outputs-container.svg
create mode 100644 website/static/base/img/reproducible-outputs-package.svg
create mode 100644 website/static/base/img/reproducible-outputs-shell.svg
create mode 100644 website/static/base/img/reproducible-outputs-systems.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow-down.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow.svg
create mode 100644 website/static/base/img/timeline-lapse-dot-down.svg
create mode 100644 website/static/base/img/timeline-lapse-dot.svg
create mode 100644 website/themes/initial/img/background-pattern-checkerboard-dark.svg
create mode 100644 website/themes/initial/img/depression-shadow-bottom.png
create mode 100644 website/themes/initial/img/h-separator.svg


base-commit: 693f77b9b5e7f70b0e7cc7cba8b58df6c30b3ab2
--
2.45.1
S
S
sirgazil wrote on 26 Jul 23:31 +0200
[PATCH 1/2] website: Redesign home page.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240726213122.26521-1-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

These changes implement the design of the home page presented as part
of the proposal "Differentiate products more clearly", sent to the
Guix development mailing list in October 2023 (see

* website/apps/base/templates/home.scm (home-t):
+ Rewrite summary.
+ Add new section: Give Users Control.
+ Add new section: Reproducible Outputs.
+ Add new section: One Language for Everything.
+ Add new section: All of It, Free Software.
+ Add new section: Get Guix.
+ Add new section: Get the Guix System.
+ Restyle section: GNU Guix in Your Field.
+ Restyle section: Instructional Videos.
+ Restyle section: Blog.
+ Restyle section: Contact.
+ Remove section: Discover Guix (screenshots will be presented as
part of the future Guix System home page, "Instructional Videos"
section was converted into an independent section, and "GNU Guix
in other GNU/Linux distros" was removed (see below)).
+ Remove section: GNU Guix in other GNU/Linux distros (the new
section "Get Guix" serves the same purpose).
* website/themes/initial/css/common.css: Update style accordingly.
* website/themes/initial/css/index.css: Likewise.

The following files are new:

* website/static/base/img/background-pattern-white-dots.svg
* website/static/base/img/give-users-control.svg
* website/static/base/img/guile-logo-outlined-floating.svg
* website/static/base/img/guix-shell.svg
* website/static/base/img/guix-system-display.svg
* website/static/base/img/people-focused.svg
* website/static/base/img/reproducible-outputs-container.svg
* website/static/base/img/reproducible-outputs-package.svg
* website/static/base/img/reproducible-outputs-shell.svg
* website/static/base/img/reproducible-outputs-systems.svg
* website/static/base/img/timeline-lapse-arrow-down.svg
* website/static/base/img/timeline-lapse-arrow.svg
* website/static/base/img/timeline-lapse-dot-down.svg
* website/static/base/img/timeline-lapse-dot.svg
* website/themes/initial/img/background-pattern-checkerboard-dark.svg
* website/themes/initial/img/depression-shadow-bottom.png
* website/themes/initial/img/h-separator.svg
---
website/apps/base/templates/home.scm | 351 ++--
.../img/background-pattern-white-dots.svg | 397 +++++
.../static/base/img/give-users-control.svg | 528 ++++++
.../base/img/guile-logo-outlined-floating.svg | 144 ++
website/static/base/img/guix-shell.svg | 143 ++
.../static/base/img/guix-system-display.svg | 211 +++
website/static/base/img/people-focused.svg | 160 ++
.../img/reproducible-outputs-container.svg | 389 +++++
.../base/img/reproducible-outputs-package.svg | 215 +++
.../base/img/reproducible-outputs-shell.svg | 332 ++++
.../base/img/reproducible-outputs-systems.svg | 1412 +++++++++++++++++
.../base/img/timeline-lapse-arrow-down.svg | 108 ++
.../static/base/img/timeline-lapse-arrow.svg | 108 ++
.../base/img/timeline-lapse-dot-down.svg | 121 ++
.../static/base/img/timeline-lapse-dot.svg | 120 ++
website/themes/initial/css/common.css | 18 +
website/themes/initial/css/index.css | 293 +++-
.../background-pattern-checkerboard-dark.svg | 121 ++
.../initial/img/depression-shadow-bottom.png | Bin 0 -> 4220 bytes
website/themes/initial/img/h-separator.svg | 164 ++
20 files changed, 5154 insertions(+), 181 deletions(-)
create mode 100644 website/static/base/img/background-pattern-white-dots.svg
create mode 100644 website/static/base/img/give-users-control.svg
create mode 100644 website/static/base/img/guile-logo-outlined-floating.svg
create mode 100644 website/static/base/img/guix-shell.svg
create mode 100644 website/static/base/img/guix-system-display.svg
create mode 100644 website/static/base/img/people-focused.svg
create mode 100644 website/static/base/img/reproducible-outputs-container.svg
create mode 100644 website/static/base/img/reproducible-outputs-package.svg
create mode 100644 website/static/base/img/reproducible-outputs-shell.svg
create mode 100644 website/static/base/img/reproducible-outputs-systems.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow-down.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow.svg
create mode 100644 website/static/base/img/timeline-lapse-dot-down.svg
create mode 100644 website/static/base/img/timeline-lapse-dot.svg
create mode 100644 website/themes/initial/img/background-pattern-checkerboard-dark.svg
create mode 100644 website/themes/initial/img/depression-shadow-bottom.png
create mode 100644 website/themes/initial/img/h-separator.svg

Toggle diff (425 lines)
diff --git a/website/apps/base/templates/home.scm b/website/apps/base/templates/home.scm
index aa1fbb5..5840c29 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -41,68 +41,32 @@ management|Reproducibility") #\|)
(section
(@ (class "featured-content"))
,(G_ `(h2 (@ (class "a11y-offset")) "Summary"))
- (ul
- ,(G_
- `(li
- ,(G_ `(b "Liberating."))
- " Guix is a distribution of the "
- ,(G_ (link-yellow
- #:label "GNU operating system"
- #:url (gnu-url "gnu/about-gnu.html")))
- " developed by the "
- ,(G_ (link-yellow
- #:label "GNU Project"
- #:url (gnu-url)))
- "—which respects the "
- ,(G_ (link-yellow
- #:label "freedom of computer users"
- #:url (gnu-url "distros/free-system-distribution-\
-guidelines.html")))
- ". "))
-
- ;; TRANSLATORS: Package Management, Features and Using the
- ;; Configuration System are section names in the English (en)
- ;; manual.
- ,(G_
- `(li
- ,(G_ `(b "Dependable."))
- " Guix "
- ,(G_ (manual-link-yellow "supports"
- (G_ "en")
- (G_ "Package-Management.html")))
- " transactional upgrades and roll-backs, unprivileged \
-package management, "
- ,(G_ (manual-link-yellow "and more"
- (G_ "en")
- (G_ "Features.html")))
- ". When used as a standalone distribution, Guix supports "
- ,(G_ (manual-link-yellow "declarative system configuration"
- (G_ "en")
- (G_ "Using-the-Configuration-System.html")))
- " for transparent and reproducible operating systems."))
-
- ;; TRANSLATORS: Defining Packages and System Configuration are
- ;; section names in the English (en) manual.
+
+ (div
+ (@ (class "summary centered-block centered-text limit-width"))
,(G_
- `(li
- ,(G_ `(b "Hackable."))
- " It provides "
- ,(G_ (link-yellow
- #:label "Guile Scheme"
- #:url (gnu-url "software/guile/")))
- " APIs, including high-level embedded domain-specific \
-languages (EDSLs) to "
- ,(G_ (manual-link-yellow "define packages"
- (G_ "en")
- (G_ "Defining-Packages.html")))
+ `(p
+ "GNU Guix is a "
+ ,(G_ (link-yellow #:label "package manager"
+ #:url (manual-devel-url "Package-Management.html")))
+ " for GNU/Linux systems. It is designed to give users "
+ ,(G_ `(b "more control")) ; TODO: Link to relevant documentation.
+ " over their general purpose and specialized computing \
+environments, and make these easier to "
+ ,(G_ (link-yellow #:label "reproduce over time"
+ #:url (manual-devel-url "Invoking-guix-time_002dmachine.html")))
" and "
- ,(G_ (manual-link-yellow "whole-system configurations"
- (G_ "en")
- (G_ "System-Configuration.html")))
- ".")))
+ ,(G_ (link-yellow #:label "deploy"
+ #:url (manual-devel-url "Invoking-guix-deploy.html")))
+ " to one or many devices.")))
(div
(@ (class "action-box centered-text"))
+ ,(button-big
+ #:label (C_ "button" "FEATURES")
+ #:url (manual-devel-url "Features.html")
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "DOWNLOAD")
#:url (guix-url "download/")
@@ -113,63 +77,147 @@ languages (EDSLs) to "
#:url (guix-url "contribute/")
#:light #true)))
- ;; Discover Guix.
+ ;; Give Users control.
(section
- (@ (class "discovery-box"))
- ,(G_ `(h2 "Discover Guix"))
-
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Guix comes with thousands of packages which include \
-applications, system tools, documentation, fonts, and other digital \
-goods readily available for installing with the "
- ,(G_ (link-yellow #:label "GNU Guix"
- #:url (identity "#guix-in-other-distros")))
- " package manager."))
-
- ,(screenshots-box (context-datum context "screenshots"))
+ (@ (class "panel panel-dark"))
(div
- (@ (class "fields-box"))
-
- ,(button-big
- #:label (C_ "button" "ALL PACKAGES")
- #:url (packages-url)
- #:light #true))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Give Users Control"))
+ ,(G_ '(p "Users can manage their own packages independently \
+from each other, without superuser privileges."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (manual-devel-url "Package-Management.html")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/give-users-control.svg"))
+ (alt "")))))
+
+ ;; Reproducible Outputs.
+ (section
+ (@ (id "reproducible-outputs")
+ (class "discovery-box"))
- ,(horizontal-separator #:light #true)
+ (div
+ (@ (class "limit-width centered-block"))
- ,(G_ '(h3 "Instructional videos"))
+ ,(G_ '(h2 "Reproducible Outputs"))
+ ,(G_
+ `(p "Guix provides "
+ ,(G_ (link-yellow #:label "thousands of packages"
+ #:url (packages-url)))
+ " which include desktop environments, applications, \
+system tools, programming languages and their packages, data and other \
+digital artifacts which work as the building blocks for creating "
+ ,(G_ (link-yellow #:label "reproducible"
+ #:url "https://en.wikipedia.org/wiki/Reproducible_builds"))
+ " shell environments, containers and systems for \
+different computing needs.")))
(div
- ,@(map
- (lambda (item)
- (cond ((video? item) (video-preview item))
- (else (playlist-preview item))))
- (context-datum context "videos")))
+ (@ (class "grid centered-content text-larger"))
+
+ (div (@ (class "stack"))
+ ,(G_ (link-yellow #:label "Package"
+ #:url (manual-devel-url "Defining-Packages.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-package.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (link-yellow #:label "Shell Environment"
+ #:url (manual-devel-url "Invoking-guix-shell.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-shell.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (link-yellow #:label "Container"
+ #:url (manual-devel-url "Invoking-guix-container.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-container.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (link-yellow #:label "Systems"
+ #:url (manual-devel-url "System-Configuration.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-systems.svg"))
+ (alt "")))))
(div
- (@ (class "fields-box"))
+ (@ (id "timeline")
+ (class "limit-width text-larger"))
- ,(button-big
- #:label (C_ "button" "ALL VIDEOS")
- #:url (guix-url "videos/")
- #:light #true))
+ ,(G_ '(p (@ (id "timeline-today")) "Build an environment today"))
+ (p (@ (id "timeline-lapse"))
+ ,(G_ (link-yellow #:label "Reproduce in time"
+ #:url (manual-devel-url "Invoking-guix-time_002dmachine.html"))))
+ ,(G_ '(p (@ (id "timeline-future")) "Get the same environment 50 years later")))
- ,(horizontal-separator #:light #true)
+ ,(button-big
+ #:label (C_ "button" "EXPLORE PACKAGES")
+ #:url (packages-url)
+ #:light #true))
- ;; Guix in different fields.
- ,(G_ `(h3 "GNU Guix in your field"))
+ ;; One Language for Everything.
+ (section
+ (@ (id "one-language")
+ (class "panel panel-dark"))
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Read some stories about how people are using GNU Guix in
-their daily lives."))
+ (div
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "One Language for Everything"))
+ ,(G_ '(p "Use Guile Scheme APIs, including high-level embedded \
+domain-specific languages (EDSLs) to define packages and whole-system \
+configurations."))
+ ,(button-big
+ #:label (C_ "button" "CHECK THE API")
+ #:url (manual-devel-url "Programming-Interface.html")
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "WHAT'S GUILE")
+ #:url (gnu-url "software/guile/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
+ (alt "")))))
+
+ ;; All of It, Free Software.
+ (section
+ (@ (id "all-free-software")
+ (class "panel panel-light"))
(div
- (@ (class "fields-box"))
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "All of It, Free Software"))
+ ,(G_ '(p "Guix is a GNU Project—which respects the freedom of \
+computer users. You are free to use, study, modify, and share Guix and \
+all the packages it provides."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (gnu-url "philosophy/free-sw.en.html")))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/people-focused.svg"))
+ (alt "")))))
+
+ ;; GNU Guix in Your Field.
+ (section
+ (@ (id "guix-in-your-field")
+ (class "panel-dark"))
+
+ ,(G_ '(h2 "GNU Guix in Your Field"))
+
+ (div
+ (@ (class "limit-width centered-block"))
" " ; A space for readability in non-CSS browsers (same below).
,(button-big
@@ -195,52 +243,84 @@ their daily lives."))
,(button-big
#:label (C_ "button" "ALL FIELDS...")
#:url (guix-url "blog/")
- #:light #true))
+ #:light #true)))
- ,(horizontal-separator #:light #true)
+ ;; Get Guix.
+ (section
+ (@ (class "panel panel-dark"))
- ;; Using Guix in other distros.
- ,(G_
- `(h3
- (@ (id "guix-in-other-distros"))
- "GNU Guix in other GNU/Linux distros"))
+ (div
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get Guix"))
+ ,(G_ '(p "You can use Guix on top of any GNU/Linux \
+distribution of your preference. It won't clash with your distro's \
+package manager."))
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-shell.svg"))
+ (alt "")))))
+
+ ;; Get the Guix System.
+ (section
+ (@ (id "get-guix-system")
+ (class "panel panel-dark"))
(div
- (@ (class "info-box"))
- (video
- (@ (src "https://audio-video.gnu.org/video/misc/2016-07__GNU_Guix_Demo_2.webm")
- (poster ,(guix-url "static/media/img/guix-demo.png"))
- (controls "controls"))
- ,(G_
- `(p
- "Video: "
- ,(G_ (link-yellow
- #:label "Demo of Guix in another GNU/Linux distribution"
- #:url "https://audio-video.gnu.org/video/misc/\
-2016-07__GNU_Guix_Demo_2.webm"))
- " (1 minute, 30 seconds)."))))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get the Guix System"))
+ ,(G_ '(p "A complete GNU operating system harnessing all the \
+capabilities of the Guix software. Spawned by Guix itself."))
+ ,(button-big
+ #:label (C_ "button" "OVERVIEW")
+ #:url (manual-devel-url "System-Installation.html")
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
+ (alt "")))))
+
+ ;; Instructional Videos.
+ (section
+ (@ (id "instructional-videos")
+ (class "discovery-box"))
(div
- (@ (class "info-box justify-left"))
- ,(G_ `(p
- "If you don't use GNU Guix as a standalone GNU/Linux \
-distribution, you still can use it as a package manager on top of any \
-GNU/Linux distribution. This way, you can benefit from all its conveniences."))
+ (@ (class "limit-width centered-block"))
- ,(G_ `(p
- "Guix won't interfere with the package manager that comes \
-with your distribution. They can live together.")))
+ ,(G_ '(h2 "Instructional Videos")))
(div
- (@ (class "action-box centered-text"))
+ ,@(map
+ (lambda (item)
+ (cond ((video? item) (video-preview item))
+ (else (playlist-preview item))))
+ (context-datum context "videos")))
+
+ (div
+ (@ (class "action-box"))
+
,(button-big
- #:label (C_ "button" "TRY IT OUT!")
- #:url (guix-url "download/")
+ #:label (C_ "button" "ALL VIDEOS")
+ #:url (guix-url "videos/")
#:light #true)))
;; Latest Blog posts.
(section
- (@ (class "centered-text"))
+ (@ (id "blog-latest-posts")
+ (class "panel-dark centered-text"))
,(G_ `(h2 "Blog"))
,@(map post-preview (context-datum context "posts"))
@@ -249,11 +329,13 @@ with your distribution. They can live together.")))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL POSTS")
- #:url (guix-url "blog/"))))
+ #:url (guix-url "blog/")
+ #:light #true)))
;; Contact info.
(section
- (@ (class "contact-box centered-text"))
+ (@ (id "contact-info")
+ (class "panel-dark centered-text"))
,(G_ `(h2 "Contact"))
,@(map contact-preview (context-datum context "contact-media"))
@@ -262,4 +344,5 @@ with your distribution. They can live together.")))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL CONTACT MEDIA")
- #:url (guix-url "contact/")))))))
+ #:url (guix-url "contact/")
+ #:light #true))))))
diff --git a/website/stat
This message was truncated. Download the full message here.
S
S
sirgazil wrote on 26 Jul 23:31 +0200
[PATCH 2/2] website: Move screenshots style to the screenshots style sheet.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240726213122.26521-2-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

* website/themes/initial/css/index.css: Move screenshot rules to
screenshots.css.
* website/themes/initial/css/screenshots.css: Add screenshot rules from
index.css.
* website/apps/media/templates/screenshot.scm (screenshot-t): Don't use
the index.css.
* website/apps/media/templates/screenshots-overview.scm:
(screenshots-overview-t): Likewise, and use screenshots.css instead.
---
website/apps/media/templates/screenshot.scm | 3 +-
.../media/templates/screenshots-overview.scm | 2 +-
website/themes/initial/css/index.css | 61 ------------------
website/themes/initial/css/screenshots.css | 64 ++++++++++++++++++-
4 files changed, 65 insertions(+), 65 deletions(-)

Toggle diff (179 lines)
diff --git a/website/apps/media/templates/screenshot.scm b/website/apps/media/templates/screenshot.scm
index a942ef6..377485a 100644
--- a/website/apps/media/templates/screenshot.scm
+++ b/website/apps/media/templates/screenshot.scm
@@ -26,8 +26,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css")
- (theme-url "css/screenshots.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/apps/media/templates/screenshots-overview.scm b/website/apps/media/templates/screenshots-overview.scm
index 7663ad9..97e5af6 100644
--- a/website/apps/media/templates/screenshots-overview.scm
+++ b/website/apps/media/templates/screenshots-overview.scm
@@ -23,7 +23,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/themes/initial/css/index.css b/website/themes/initial/css/index.css
index a04f3b6..da9caf4 100644
--- a/website/themes/initial/css/index.css
+++ b/website/themes/initial/css/index.css
@@ -228,73 +228,12 @@ h2 {
color: #E6E6E6;
}
-.screenshots-box {
- padding: 40px 0px 0px 0px;
-}
-
-.screenshot-preview {
- font-size: 0.7em;
- margin: 40px auto;
- max-width: 250px;
- text-align: center;
-}
-
-.screenshot-preview a,
-.screenshot-preview img {
- border-radius: 5px;
- display: block;
-}
-
-.screenshot-preview a:link,
-.screenshot-preview a:visited {
- border-color: transparent;
- border-style: solid;
- border-width: thin;
- box-shadow: 0 0 4px gray;
- color: white;
- position: relative;
-}
-
-.screenshot-preview a:active,
-.screenshot-preview a:focus,
-.screenshot-preview a:hover {
- border-color: black;
- box-shadow: 0 0 4px black;
-}
-
-
-
-@media screen and (min-width: 300px) {
- .screenshot-inset-shadow {
- border-radius: 5px;
- box-shadow: inset 0 0 4px black;
- display: block;
- height: 140px;
- position: absolute;
- top: 0px;
- width: 250px;
- }
-
- .screenshot-preview a:active .screenshot-inset-shadow,
- .screenshot-preview a:focus .screenshot-inset-shadow,
- .screenshot-preview a:hover .screenshot-inset-shadow {
- box-shadow: none;
- }
-}
-
-
@media screen and (min-width: 480px) {
.button-big:link,
.button-big:visited {
display: inline-block;
}
-
- .screenshot-preview {
- display: inline-block;
- margin: 15px;
- vertical-align: top;
- }
}
diff --git a/website/themes/initial/css/screenshots.css b/website/themes/initial/css/screenshots.css
index 64f5f6a..296a99b 100644
--- a/website/themes/initial/css/screenshots.css
+++ b/website/themes/initial/css/screenshots.css
@@ -1,3 +1,65 @@
+.screenshots-box {
+ padding: 40px 0px 0px 0px;
+}
+
+.screenshot-preview {
+ font-size: 0.7em;
+ margin: 40px auto;
+ max-width: 250px;
+ text-align: center;
+}
+
+.screenshot-preview a,
+.screenshot-preview img {
+ border-radius: 5px;
+ display: block;
+}
+
+.screenshot-preview a:link,
+.screenshot-preview a:visited {
+ border-color: transparent;
+ border-style: solid;
+ border-width: thin;
+ box-shadow: 0 0 4px gray;
+ color: white;
+ position: relative;
+}
+
+.screenshot-preview a:active,
+.screenshot-preview a:focus,
+.screenshot-preview a:hover {
+ border-color: black;
+ box-shadow: 0 0 4px black;
+}
+
.screenshot-viewer {
background-color: black;
-}
\ No newline at end of file
+}
+
+
+
+@media screen and (min-width: 300px) {
+ .screenshot-inset-shadow {
+ border-radius: 5px;
+ box-shadow: inset 0 0 4px black;
+ display: block;
+ height: 140px;
+ position: absolute;
+ top: 0px;
+ width: 250px;
+ }
+
+ .screenshot-preview a:active .screenshot-inset-shadow,
+ .screenshot-preview a:focus .screenshot-inset-shadow,
+ .screenshot-preview a:hover .screenshot-inset-shadow {
+ box-shadow: none;
+ }
+}
+
+@media screen and (min-width: 480px) {
+ .screenshot-preview {
+ display: inline-block;
+ margin: 15px;
+ vertical-align: top;
+ }
+}
--
2.45.1
P
P
pelzflorian (Florian Pelz) wrote on 28 Jul 16:05 +0200
Re: [bug#72314] [PATCH 1/2] website: Redesign home page.
(name . sirgazil--- via Guix-patches via)(address . guix-patches@gnu.org)
87jzh5d322.fsf@pelzflorian.de
This is great work and a better explanation of Guix. Thank you, Luis.

Some comments:

There are tab characters, which do not necessarily have the same width
in all editors. I use in my .gitconfig file a modified pager command
that makes tabs visible and especially ugly:

[core]
editor = emacs -nw
pager = sed 's/\t/.ACHTUNGACHTUNGHIERISTEINTABSTOPP /g' | less -R

This makes them easy to notice and avoid. It is a bad default that
Emacs produces them. Please untabify. And if you use Emacs, in your
.emacs configuration file,

(setq-default indent-tabs-mode nil)


Toggle quote (9 lines)
> - ,(G_ (manual-link-yellow "define packages"
> - (G_ "en")
> - (G_ "Defining-Packages.html")))
> + `(p
> + "GNU Guix is a "
> + ,(G_ (link-yellow #:label "package manager"
> + #:url (manual-devel-url "Package-Management.h=
> tml")))

For translatability, the manual-devel-url must be used like

,(G_ (link-yellow #:label "package manager"
#:language (G_ "en")
#:url (G_ (manual-devel-url "Package-Management.html"))))

so translators have a chance to reference non-"en" manuals and other
section names.

There also should be a TRANSLATORS comment before top-level G_ like

- ;; TRANSLATORS: Package Management, Features and Using the
- ;; Configuration System are section names in the English (en)
- ;; manual.



Toggle quote (5 lines)
> + " for GNU/Linux systems. It is designed to give users "
> + ,(G_ `(b "more control")) ; TODO: Link to relevant documentati=
> on.
> + " over their general purpose and specialized computing \

general-purpose


Toggle quote (6 lines)
> […]
> + (div
> + ,(G_ '(h2 "Give Users Control"))
> + ,(G_ '(p "Users can manage their own packages independently \
> +from each other, without superuser privileges."))

Please make clear this is about “users on the same machine”.

If you agree with these changes and noone else has comments, I can fix
the TRANSLATORS and untabify and then push to guix-artwork.

Great work; great design!

Regards,
Florian
L
L
Luis Felipe wrote on 29 Jul 02:55 +0200
(address . 72314@debbugs.gnu.org)
68db3b0b-eabe-7d99-4cc6-7b7c622a807e@zoho.com
El 28/07/24 a las 14:05, pelzflorian (Florian Pelz) escribió:
Toggle quote (1 lines)
> This is great work and a better explanation of Guix. Thank you, Luis.
Glad to hear that :)
And thanks for reviewing. I'll apply your tips and suggestions and send
updated patches.
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
S
S
sirgazil wrote on 29 Jul 19:10 +0200
[PATCH 0/3] website: Redesign home page
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240729171444.30489-1-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

Hello again, the following are the updated patches.

Luis Felipe (3):
website: Redesign home page.
website: Move screenshots style to the screenshots style sheet.
website: Home page template: Untabify.

website/apps/base/templates/home.scm | 385 +++--
website/apps/media/templates/screenshot.scm | 3 +-
.../media/templates/screenshots-overview.scm | 2 +-
.../img/background-pattern-white-dots.svg | 397 +++++
.../static/base/img/give-users-control.svg | 528 ++++++
.../base/img/guile-logo-outlined-floating.svg | 144 ++
website/static/base/img/guix-shell.svg | 143 ++
.../static/base/img/guix-system-display.svg | 211 +++
website/static/base/img/people-focused.svg | 160 ++
.../img/reproducible-outputs-container.svg | 389 +++++
.../base/img/reproducible-outputs-package.svg | 215 +++
.../base/img/reproducible-outputs-shell.svg | 332 ++++
.../base/img/reproducible-outputs-systems.svg | 1412 +++++++++++++++++
.../base/img/timeline-lapse-arrow-down.svg | 108 ++
.../static/base/img/timeline-lapse-arrow.svg | 108 ++
.../base/img/timeline-lapse-dot-down.svg | 121 ++
.../static/base/img/timeline-lapse-dot.svg | 120 ++
website/themes/initial/css/common.css | 18 +
website/themes/initial/css/index.css | 338 ++--
website/themes/initial/css/screenshots.css | 64 +-
.../background-pattern-checkerboard-dark.svg | 121 ++
.../initial/img/depression-shadow-bottom.png | Bin 0 -> 4220 bytes
website/themes/initial/img/h-separator.svg | 164 ++
23 files changed, 5239 insertions(+), 244 deletions(-)
create mode 100644 website/static/base/img/background-pattern-white-dots.svg
create mode 100644 website/static/base/img/give-users-control.svg
create mode 100644 website/static/base/img/guile-logo-outlined-floating.svg
create mode 100644 website/static/base/img/guix-shell.svg
create mode 100644 website/static/base/img/guix-system-display.svg
create mode 100644 website/static/base/img/people-focused.svg
create mode 100644 website/static/base/img/reproducible-outputs-container.svg
create mode 100644 website/static/base/img/reproducible-outputs-package.svg
create mode 100644 website/static/base/img/reproducible-outputs-shell.svg
create mode 100644 website/static/base/img/reproducible-outputs-systems.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow-down.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow.svg
create mode 100644 website/static/base/img/timeline-lapse-dot-down.svg
create mode 100644 website/static/base/img/timeline-lapse-dot.svg
create mode 100644 website/themes/initial/img/background-pattern-checkerboard-dark.svg
create mode 100644 website/themes/initial/img/depression-shadow-bottom.png
create mode 100644 website/themes/initial/img/h-separator.svg


base-commit: 693f77b9b5e7f70b0e7cc7cba8b58df6c30b3ab2
--
2.45.2
S
S
sirgazil wrote on 29 Jul 19:17 +0200
[PATCH v1 1/3] website: Redesign home page.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240729171808.30569-1-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

These changes implement the design of the home page presented as part
of the proposal "Differentiate products more clearly", sent to the
Guix development mailing list in October 2023 (see

* website/apps/base/templates/home.scm (home-t):
+ Rewrite summary.
+ Add new section: Give Users Control.
+ Add new section: Reproducible Outputs.
+ Add new section: One Language for Everything.
+ Add new section: All of It, Free Software.
+ Add new section: Get Guix.
+ Add new section: Get the Guix System.
+ Restyle section: GNU Guix in Your Field.
+ Restyle section: Instructional Videos.
+ Restyle section: Blog.
+ Restyle section: Contact.
+ Remove section: Discover Guix (screenshots will be presented as
part of the future Guix System home page, "Instructional Videos"
section was converted into an independent section, and "GNU Guix
in other GNU/Linux distros" was removed (see below)).
+ Remove section: GNU Guix in other GNU/Linux distros (the new
section "Get Guix" serves the same purpose).
* website/themes/initial/css/common.css: Update style accordingly.
* website/themes/initial/css/index.css: Likewise.

The following files are new:

* website/static/base/img/background-pattern-white-dots.svg
* website/static/base/img/give-users-control.svg
* website/static/base/img/guile-logo-outlined-floating.svg
* website/static/base/img/guix-shell.svg
* website/static/base/img/guix-system-display.svg
* website/static/base/img/people-focused.svg
* website/static/base/img/reproducible-outputs-container.svg
* website/static/base/img/reproducible-outputs-package.svg
* website/static/base/img/reproducible-outputs-shell.svg
* website/static/base/img/reproducible-outputs-systems.svg
* website/static/base/img/timeline-lapse-arrow-down.svg
* website/static/base/img/timeline-lapse-arrow.svg
* website/static/base/img/timeline-lapse-dot-down.svg
* website/static/base/img/timeline-lapse-dot.svg
* website/themes/initial/img/background-pattern-checkerboard-dark.svg
* website/themes/initial/img/depression-shadow-bottom.png
* website/themes/initial/img/h-separator.svg
---
website/apps/base/templates/home.scm | 375 +++--
.../img/background-pattern-white-dots.svg | 397 +++++
.../static/base/img/give-users-control.svg | 528 ++++++
.../base/img/guile-logo-outlined-floating.svg | 144 ++
website/static/base/img/guix-shell.svg | 143 ++
.../static/base/img/guix-system-display.svg | 211 +++
website/static/base/img/people-focused.svg | 160 ++
.../img/reproducible-outputs-container.svg | 389 +++++
.../base/img/reproducible-outputs-package.svg | 215 +++
.../base/img/reproducible-outputs-shell.svg | 332 ++++
.../base/img/reproducible-outputs-systems.svg | 1412 +++++++++++++++++
.../base/img/timeline-lapse-arrow-down.svg | 108 ++
.../static/base/img/timeline-lapse-arrow.svg | 108 ++
.../base/img/timeline-lapse-dot-down.svg | 121 ++
.../static/base/img/timeline-lapse-dot.svg | 120 ++
website/themes/initial/css/common.css | 18 +
website/themes/initial/css/index.css | 293 +++-
.../background-pattern-checkerboard-dark.svg | 121 ++
.../initial/img/depression-shadow-bottom.png | Bin 0 -> 4220 bytes
website/themes/initial/img/h-separator.svg | 164 ++
20 files changed, 5177 insertions(+), 182 deletions(-)
create mode 100644 website/static/base/img/background-pattern-white-dots.svg
create mode 100644 website/static/base/img/give-users-control.svg
create mode 100644 website/static/base/img/guile-logo-outlined-floating.svg
create mode 100644 website/static/base/img/guix-shell.svg
create mode 100644 website/static/base/img/guix-system-display.svg
create mode 100644 website/static/base/img/people-focused.svg
create mode 100644 website/static/base/img/reproducible-outputs-container.svg
create mode 100644 website/static/base/img/reproducible-outputs-package.svg
create mode 100644 website/static/base/img/reproducible-outputs-shell.svg
create mode 100644 website/static/base/img/reproducible-outputs-systems.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow-down.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow.svg
create mode 100644 website/static/base/img/timeline-lapse-dot-down.svg
create mode 100644 website/static/base/img/timeline-lapse-dot.svg
create mode 100644 website/themes/initial/img/background-pattern-checkerboard-dark.svg
create mode 100644 website/themes/initial/img/depression-shadow-bottom.png
create mode 100644 website/themes/initial/img/h-separator.svg

Toggle diff (440 lines)
diff --git a/website/apps/base/templates/home.scm b/website/apps/base/templates/home.scm
index aa1fbb5..944a3aa 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -41,68 +41,38 @@ management|Reproducibility") #\|)
(section
(@ (class "featured-content"))
,(G_ `(h2 (@ (class "a11y-offset")) "Summary"))
- (ul
- ,(G_
- `(li
- ,(G_ `(b "Liberating."))
- " Guix is a distribution of the "
- ,(G_ (link-yellow
- #:label "GNU operating system"
- #:url (gnu-url "gnu/about-gnu.html")))
- " developed by the "
- ,(G_ (link-yellow
- #:label "GNU Project"
- #:url (gnu-url)))
- "—which respects the "
- ,(G_ (link-yellow
- #:label "freedom of computer users"
- #:url (gnu-url "distros/free-system-distribution-\
-guidelines.html")))
- ". "))
-
- ;; TRANSLATORS: Package Management, Features and Using the
- ;; Configuration System are section names in the English (en)
- ;; manual.
- ,(G_
- `(li
- ,(G_ `(b "Dependable."))
- " Guix "
- ,(G_ (manual-link-yellow "supports"
- (G_ "en")
- (G_ "Package-Management.html")))
- " transactional upgrades and roll-backs, unprivileged \
-package management, "
- ,(G_ (manual-link-yellow "and more"
- (G_ "en")
- (G_ "Features.html")))
- ". When used as a standalone distribution, Guix supports "
- ,(G_ (manual-link-yellow "declarative system configuration"
- (G_ "en")
- (G_ "Using-the-Configuration-System.html")))
- " for transparent and reproducible operating systems."))
-
- ;; TRANSLATORS: Defining Packages and System Configuration are
- ;; section names in the English (en) manual.
+
+ (div
+ (@ (class "summary centered-block centered-text limit-width"))
,(G_
- `(li
- ,(G_ `(b "Hackable."))
- " It provides "
- ,(G_ (link-yellow
- #:label "Guile Scheme"
- #:url (gnu-url "software/guile/")))
- " APIs, including high-level embedded domain-specific \
-languages (EDSLs) to "
- ,(G_ (manual-link-yellow "define packages"
- (G_ "en")
- (G_ "Defining-Packages.html")))
+ `(p
+ "GNU Guix is a "
+ ,(G_ (manual-link-yellow
+ "package manager"
+ (G_ "en")
+ (G_ "Package-Management.html")))
+ " for GNU/Linux systems. It is designed to give users "
+ ,(G_ `(b "more control")) ; TODO: Link to relevant documentation.
+ " over their general-purpose and specialized computing \
+environments, and make these easier to "
+ ,(G_ (manual-link-yellow
+ "reproduce over time"
+ (G_ "en")
+ (G_ "Invoking-guix-time_002dmachine.html")))
" and "
- ,(G_ (manual-link-yellow "whole-system configurations"
- (G_ "en")
- (G_ "System-Configuration.html")))
- ".")))
+ ,(G_ (manual-link-yellow
+ "deploy"
+ (G_ "en")
+ (G_ "Invoking-guix-deploy.html")))
+ " to one or many devices.")))
(div
(@ (class "action-box centered-text"))
+ ,(button-big
+ #:label (C_ "button" "FEATURES")
+ #:url (G_ (manual-url-with-language (G_ "en") "Features.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "DOWNLOAD")
#:url (guix-url "download/")
@@ -113,63 +83,161 @@ languages (EDSLs) to "
#:url (guix-url "contribute/")
#:light #true)))
- ;; Discover Guix.
+ ;; Give Users control.
(section
- (@ (class "discovery-box"))
- ,(G_ `(h2 "Discover Guix"))
-
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Guix comes with thousands of packages which include \
-applications, system tools, documentation, fonts, and other digital \
-goods readily available for installing with the "
- ,(G_ (link-yellow #:label "GNU Guix"
- #:url (identity "#guix-in-other-distros")))
- " package manager."))
-
- ,(screenshots-box (context-datum context "screenshots"))
+ (@ (class "panel panel-dark"))
(div
- (@ (class "fields-box"))
-
- ,(button-big
- #:label (C_ "button" "ALL PACKAGES")
- #:url (packages-url)
- #:light #true))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Give Users Control"))
+ ,(G_ '(p "Users on the same machine can manage their own \
+packages independently from each other, without superuser privileges."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "Package-Management.html"))
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/give-users-control.svg"))
+ (alt "")))))
+
+ ;; Reproducible Outputs.
+ (section
+ (@ (id "reproducible-outputs")
+ (class "discovery-box"))
- ,(horizontal-separator #:light #true)
+ (div
+ (@ (class "limit-width centered-block"))
- ,(G_ '(h3 "Instructional videos"))
+ ,(G_ '(h2 "Reproducible Outputs"))
+ ,(G_
+ `(p "Guix provides "
+ ,(G_ (link-yellow #:label "thousands of packages"
+ #:url (packages-url)))
+ " which include desktop environments, applications, \
+system tools, programming languages and their packages, data and other \
+digital artifacts which work as the building blocks for creating "
+ ,(G_ (link-yellow #:label "reproducible"
+ #:url "https://en.wikipedia.org/wiki/Reproducible_builds"))
+ " shell environments, containers and systems for \
+different computing needs.")))
(div
- ,@(map
- (lambda (item)
- (cond ((video? item) (video-preview item))
- (else (playlist-preview item))))
- (context-datum context "videos")))
+ (@ (class "grid centered-content text-larger"))
+
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Package"
+ (G_ "en")
+ (G_ "Defining-Packages.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-package.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Shell Environment"
+ (G_ "en")
+ (G_ "Invoking-guix-shell.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-shell.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Container"
+ (G_ "en")
+ (G_ "Invoking-guix-container.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-container.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Systems"
+ (G_ "en")
+ (G_ "System-Configuration.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-systems.svg"))
+ (alt "")))))
(div
- (@ (class "fields-box"))
-
- ,(button-big
- #:label (C_ "button" "ALL VIDEOS")
- #:url (guix-url "videos/")
- #:light #true))
+ (@ (id "timeline")
+ (class "limit-width text-larger"))
+
+ ,(G_ '(p (@ (id "timeline-today")) "Build an environment today"))
+ (p (@ (id "timeline-lapse"))
+ ,(G_ (manual-link-yellow
+ "Reproduce in time"
+ (G_ "en")
+ (G_ "Invoking-guix-time_002dmachine.html"))))
+ ,(G_ '(p (@ (id "timeline-future")) "Get the same environment 50 years later")))
+
+ ,(button-big
+ #:label (C_ "button" "EXPLORE PACKAGES")
+ #:url (packages-url)
+ #:light #true))
+
+ ;; One Language for Everything.
+ (section
+ (@ (id "one-language")
+ (class "panel panel-dark"))
- ,(horizontal-separator #:light #true)
+ (div
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "One Language for Everything"))
+ ,(G_ '(p "Use Guile Scheme APIs, including high-level embedded \
+domain-specific languages (EDSLs) to define packages and whole-system \
+configurations."))
+ ,(button-big
+ #:label (C_ "button" "CHECK THE API")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "Programming-Interface.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "WHAT'S GUILE")
+ #:url (gnu-url "software/guile/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
+ (alt "")))))
+
+ ;; All of It, Free Software.
+ (section
+ (@ (id "all-free-software")
+ (class "panel panel-light"))
- ;; Guix in different fields.
- ,(G_ `(h3 "GNU Guix in your field"))
+ (div
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "All of It, Free Software"))
+ ,(G_ '(p "Guix is a GNU Project—which respects the freedom of \
+computer users. You are free to use, study, modify, and share Guix and \
+all the packages it provides."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (gnu-url "philosophy/free-sw.en.html")))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/people-focused.svg"))
+ (alt "")))))
+
+ ;; GNU Guix in Your Field.
+ (section
+ (@ (id "guix-in-your-field")
+ (class "panel-dark"))
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Read some stories about how people are using GNU Guix in
-their daily lives."))
+ ,(G_ '(h2 "GNU Guix in Your Field"))
(div
- (@ (class "fields-box"))
+ (@ (class "limit-width centered-block"))
" " ; A space for readability in non-CSS browsers (same below).
,(button-big
@@ -195,52 +263,86 @@ their daily lives."))
,(button-big
#:label (C_ "button" "ALL FIELDS...")
#:url (guix-url "blog/")
- #:light #true))
+ #:light #true)))
- ,(horizontal-separator #:light #true)
+ ;; Get Guix.
+ (section
+ (@ (class "panel panel-dark"))
- ;; Using Guix in other distros.
- ,(G_
- `(h3
- (@ (id "guix-in-other-distros"))
- "GNU Guix in other GNU/Linux distros"))
+ (div
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get Guix"))
+ ,(G_ '(p "You can use Guix on top of any GNU/Linux \
+distribution of your preference. It won't clash with your distro's \
+package manager."))
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-shell.svg"))
+ (alt "")))))
+
+ ;; Get the Guix System.
+ (section
+ (@ (id "get-guix-system")
+ (class "panel panel-dark"))
(div
- (@ (class "info-box"))
- (video
- (@ (src "https://audio-video.gnu.org/video/misc/2016-07__GNU_Guix_Demo_2.webm")
- (poster ,(guix-url "static/media/img/guix-demo.png"))
- (controls "controls"))
- ,(G_
- `(p
- "Video: "
- ,(G_ (link-yellow
- #:label "Demo of Guix in another GNU/Linux distribution"
- #:url "https://audio-video.gnu.org/video/misc/\
-2016-07__GNU_Guix_Demo_2.webm"))
- " (1 minute, 30 seconds)."))))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get the Guix System"))
+ ,(G_ '(p "A complete GNU operating system harnessing all the \
+capabilities of the Guix software. Spawned by Guix itself."))
+ ,(button-big
+ #:label (C_ "button" "OVERVIEW")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "System-Installation.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
+ (alt "")))))
+
+ ;; Instructional Videos.
+ (section
+ (@ (id "instructional-videos")
+ (class "discovery-box"))
(div
- (@ (class "info-box justify-left"))
- ,(G_ `(p
- "If you don't use GNU Guix as a standalone GNU/Linux \
-distribution, you still can use it as a package manager on top of any \
-GNU/Linux distribution. This way, you can benefit from all its conveniences."))
+ (@ (class "limit-width centered-block"))
- ,(G_ `(p
- "Guix won't interfere with the package manager that comes \
-with your distribution. They can live together.")))
+ ,(G_ '(h2 "Instructional Videos")))
(div
- (@ (class "action-box centered-text"))
+ ,@(map
+ (lambda (item)
+ (cond ((video? item) (video-preview item))
+ (else (playlist-preview item))))
+ (context-datum context "videos")))
+
+ (div
+ (@ (class "action-box"))
+
,(button-big
- #:label (C_ "button" "TRY IT OUT!")
- #:url (guix-url "download/")
+ #:label (C_ "button" "ALL VIDEOS")
+ #:url (guix-url "videos/")
#:light #true)))
;; Latest Blog posts.
(section
- (@ (class "centered-text"))
+ (@ (id "blog-latest-posts")
+ (class "panel-dark centered-text"))
,(G_ `(h2 "Blog"))
,@(map post-preview (context-datum context "posts"))
@@ -249,11 +351,13 @@ with your distribution. They can live together.")))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL POSTS")
- #:url (guix-url "blog/"))))
+ #:url (guix-url "blog/")
+ #:light #true)))
;; Contact info.
(section
- (@ (class "contact-box centered-text"))
+ (@ (id "contact-info")
+ (class "panel-dark centered-text"))
,(G_ `(h2 "Contact"))
,
This message was truncated. Download the full message here.
S
S
sirgazil wrote on 29 Jul 19:17 +0200
[PATCH v1 2/3] website: Move screenshots style to the screenshots style sheet.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240729171808.30569-2-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

* website/themes/initial/css/index.css: Move screenshot rules to
screenshots.css.
* website/themes/initial/css/screenshots.css: Add screenshot rules from
index.css.
* website/apps/media/templates/screenshot.scm (screenshot-t): Don't use
the index.css.
* website/apps/media/templates/screenshots-overview.scm:
(screenshots-overview-t): Likewise, and use screenshots.css instead.
---
website/apps/media/templates/screenshot.scm | 3 +-
.../media/templates/screenshots-overview.scm | 2 +-
website/themes/initial/css/index.css | 61 ------------------
website/themes/initial/css/screenshots.css | 64 ++++++++++++++++++-
4 files changed, 65 insertions(+), 65 deletions(-)

Toggle diff (179 lines)
diff --git a/website/apps/media/templates/screenshot.scm b/website/apps/media/templates/screenshot.scm
index a942ef6..377485a 100644
--- a/website/apps/media/templates/screenshot.scm
+++ b/website/apps/media/templates/screenshot.scm
@@ -26,8 +26,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css")
- (theme-url "css/screenshots.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/apps/media/templates/screenshots-overview.scm b/website/apps/media/templates/screenshots-overview.scm
index 7663ad9..97e5af6 100644
--- a/website/apps/media/templates/screenshots-overview.scm
+++ b/website/apps/media/templates/screenshots-overview.scm
@@ -23,7 +23,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/themes/initial/css/index.css b/website/themes/initial/css/index.css
index a04f3b6..da9caf4 100644
--- a/website/themes/initial/css/index.css
+++ b/website/themes/initial/css/index.css
@@ -228,73 +228,12 @@ h2 {
color: #E6E6E6;
}
-.screenshots-box {
- padding: 40px 0px 0px 0px;
-}
-
-.screenshot-preview {
- font-size: 0.7em;
- margin: 40px auto;
- max-width: 250px;
- text-align: center;
-}
-
-.screenshot-preview a,
-.screenshot-preview img {
- border-radius: 5px;
- display: block;
-}
-
-.screenshot-preview a:link,
-.screenshot-preview a:visited {
- border-color: transparent;
- border-style: solid;
- border-width: thin;
- box-shadow: 0 0 4px gray;
- color: white;
- position: relative;
-}
-
-.screenshot-preview a:active,
-.screenshot-preview a:focus,
-.screenshot-preview a:hover {
- border-color: black;
- box-shadow: 0 0 4px black;
-}
-
-
-
-@media screen and (min-width: 300px) {
- .screenshot-inset-shadow {
- border-radius: 5px;
- box-shadow: inset 0 0 4px black;
- display: block;
- height: 140px;
- position: absolute;
- top: 0px;
- width: 250px;
- }
-
- .screenshot-preview a:active .screenshot-inset-shadow,
- .screenshot-preview a:focus .screenshot-inset-shadow,
- .screenshot-preview a:hover .screenshot-inset-shadow {
- box-shadow: none;
- }
-}
-
-
@media screen and (min-width: 480px) {
.button-big:link,
.button-big:visited {
display: inline-block;
}
-
- .screenshot-preview {
- display: inline-block;
- margin: 15px;
- vertical-align: top;
- }
}
diff --git a/website/themes/initial/css/screenshots.css b/website/themes/initial/css/screenshots.css
index 64f5f6a..296a99b 100644
--- a/website/themes/initial/css/screenshots.css
+++ b/website/themes/initial/css/screenshots.css
@@ -1,3 +1,65 @@
+.screenshots-box {
+ padding: 40px 0px 0px 0px;
+}
+
+.screenshot-preview {
+ font-size: 0.7em;
+ margin: 40px auto;
+ max-width: 250px;
+ text-align: center;
+}
+
+.screenshot-preview a,
+.screenshot-preview img {
+ border-radius: 5px;
+ display: block;
+}
+
+.screenshot-preview a:link,
+.screenshot-preview a:visited {
+ border-color: transparent;
+ border-style: solid;
+ border-width: thin;
+ box-shadow: 0 0 4px gray;
+ color: white;
+ position: relative;
+}
+
+.screenshot-preview a:active,
+.screenshot-preview a:focus,
+.screenshot-preview a:hover {
+ border-color: black;
+ box-shadow: 0 0 4px black;
+}
+
.screenshot-viewer {
background-color: black;
-}
\ No newline at end of file
+}
+
+
+
+@media screen and (min-width: 300px) {
+ .screenshot-inset-shadow {
+ border-radius: 5px;
+ box-shadow: inset 0 0 4px black;
+ display: block;
+ height: 140px;
+ position: absolute;
+ top: 0px;
+ width: 250px;
+ }
+
+ .screenshot-preview a:active .screenshot-inset-shadow,
+ .screenshot-preview a:focus .screenshot-inset-shadow,
+ .screenshot-preview a:hover .screenshot-inset-shadow {
+ box-shadow: none;
+ }
+}
+
+@media screen and (min-width: 480px) {
+ .screenshot-preview {
+ display: inline-block;
+ margin: 15px;
+ vertical-align: top;
+ }
+}
--
2.45.2
S
S
sirgazil wrote on 29 Jul 19:17 +0200
[PATCH v1 3/3] website: Home page template: Untabify.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240729171808.30569-3-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

* website/apps/base/templates/home.scm (home-t): Make indentation use
spaces uniformly instead of tabs.
---
website/apps/base/templates/home.scm | 40 ++++++++++++++--------------
1 file changed, 20 insertions(+), 20 deletions(-)

Toggle diff (127 lines)
diff --git a/website/apps/base/templates/home.scm b/website/apps/base/templates/home.scm
index 944a3aa..03a42f7 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -32,8 +32,8 @@ Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Overview")
#:css (list
- (theme-url "css/item-preview.css")
- (theme-url "css/index.css")
+ (theme-url "css/item-preview.css")
+ (theme-url "css/index.css")
(theme-url "css/video-preview.css"))
#:content
`(main
@@ -80,8 +80,8 @@ environments, and make these easier to "
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "CONTRIBUTE")
- #:url (guix-url "contribute/")
- #:light #true)))
+ #:url (guix-url "contribute/")
+ #:light #true)))
;; Give Users control.
(section
@@ -99,7 +99,7 @@ packages independently from each other, without superuser privileges."))
#:url (G_ (manual-url-with-language
(G_ "en")
"Package-Management.html"))
- #:light #true))
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/give-users-control.svg"))
@@ -176,8 +176,8 @@ different computing needs.")))
,(button-big
#:label (C_ "button" "EXPLORE PACKAGES")
- #:url (packages-url)
- #:light #true))
+ #:url (packages-url)
+ #:light #true))
;; One Language for Everything.
(section
@@ -197,12 +197,12 @@ configurations."))
#:url (G_ (manual-url-with-language
(G_ "en")
"Programming-Interface.html"))
- #:light #true)
+ #:light #true)
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "WHAT'S GUILE")
- #:url (gnu-url "software/guile/")
- #:light #true))
+ #:url (gnu-url "software/guile/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
@@ -223,7 +223,7 @@ computer users. You are free to use, study, modify, and share Guix and \
all the packages it provides."))
,(button-big
#:label (C_ "button" "LEARN MORE")
- #:url (gnu-url "philosophy/free-sw.en.html")))
+ #:url (gnu-url "philosophy/free-sw.en.html")))
(img
(@ (src ,(guix-url "static/base/img/people-focused.svg"))
@@ -279,8 +279,8 @@ distribution of your preference. It won't clash with your distro's \
package manager."))
,(button-big
#:label (C_ "button" "DOWNLOAD")
- #:url (guix-url "download/")
- #:light #true))
+ #:url (guix-url "download/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guix-shell.svg"))
@@ -303,12 +303,12 @@ capabilities of the Guix software. Spawned by Guix itself."))
#:url (G_ (manual-url-with-language
(G_ "en")
"System-Installation.html"))
- #:light #true)
+ #:light #true)
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "DOWNLOAD")
- #:url (guix-url "download/")
- #:light #true))
+ #:url (guix-url "download/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
@@ -336,8 +336,8 @@ capabilities of the Guix software. Spawned by Guix itself."))
,(button-big
#:label (C_ "button" "ALL VIDEOS")
- #:url (guix-url "videos/")
- #:light #true)))
+ #:url (guix-url "videos/")
+ #:light #true)))
;; Latest Blog posts.
(section
@@ -351,7 +351,7 @@ capabilities of the Guix software. Spawned by Guix itself."))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL POSTS")
- #:url (guix-url "blog/")
+ #:url (guix-url "blog/")
#:light #true)))
;; Contact info.
@@ -366,5 +366,5 @@ capabilities of the Guix software. Spawned by Guix itself."))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL CONTACT MEDIA")
- #:url (guix-url "contact/")
+ #:url (guix-url "contact/")
#:light #true))))))
--
2.45.2
P
P
pelzflorian (Florian Pelz) wrote on 30 Jul 17:37 +0200
Re: [bug#72314] [PATCH v1 1/3] website: Redesign home page.
(address . sirgazil@zoho.com)(address . 72314@debbugs.gnu.org)
874j86zy9w.fsf@pelzflorian.de
Hello Luis, from the following sentence I would like to remove
the second mention of packages:

sirgazil--- via Guix-patches via <guix-patches@gnu.org> writes:
Toggle quote (11 lines)
> + `(p "Guix provides "
> + ,(G_ (link-yellow #:label "thousands of packages"
> + #:url (packages-url)))
> + " which include desktop environments, applications, \
> +system tools, programming languages and their packages, data and other \
> +digital artifacts which work as the building blocks for creating "
> + ,(G_ (link-yellow #:label "reproducible"
> + #:url "https://en.wikipedia.org/wiki/Reproducible_builds"))
> + " shell environments, containers and systems for \
> +different computing needs.")))

Otherwise I will adjust translations and push in a few hours tonight.

Regards,
Florian
L
L
Luis Felipe wrote on 30 Jul 19:17 +0200
(name . pelzflorian (Florian Pelz))(address . pelzflorian@pelzflorian.de)(address . 72314@debbugs.gnu.org)
6592bcf8-502a-d864-819a-032230d350d0@zoho.com
El 30/07/24 a las 15:37, pelzflorian (Florian Pelz) escribió:
Toggle quote (14 lines)
> Hello Luis, from the following sentence I would like to remove
> the second mention of packages:
>
> sirgazil--- via Guix-patches via <guix-patches@gnu.org> writes:
>> + `(p "Guix provides "
>> + ,(G_ (link-yellow #:label "thousands of packages"
>> + #:url (packages-url)))
>> + " which include desktop environments, applications, \
>> +system tools, programming languages and their packages, data and other \
>> +digital artifacts which work as the building blocks for creating "
>> + ,(G_ (link-yellow #:label "reproducible"
>> + #:url "https://en.wikipedia.org/wiki/Reproducible_builds"))
>> + " shell environments, containers and systems for \
>> +different computing needs.")))
If you think it is redundant, please go ahead and remove it.
Toggle quote (1 lines)
> Otherwise I will adjust translations and push in a few hours tonight.
Great, thank you very much :)
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
P
P
pelzflorian (Florian Pelz) wrote on 30 Jul 20:08 +0200
(address . sirgazil@zoho.com)
87v80mhhwd.fsf@pelzflorian.de
A blocking issue, one of your slogans says: "Get the same environment 50
years later". Guix stood back from this claim so far, although it is
the goal and there is the attempt to preserve.

Could you, Luis, in a new version of the patch add an asterisk that
preserving likely will work but not always and we cannot guarantee this
yet? Cc to others for opinions.

To quote [1]:

*The vision* First of all, one clarification: Guix aims to support time
travel, but we’re talking of a time scale measured in years, not in
decades. We know all too well that this is already very ambitious—it’s
something that probably nobody except Nix and Guix are even trying. More
importantly, software deployment at the scale of decades calls for very
different, more radical techniques; it’s the work of archivists.

/End quote.

We could make the confusing claim that Guix helps you ship source code
needed for building, which Denis 'GNUtoo' Carikli kind of does for GPL
license compliance reasons [2], but Guix provides a --sources option to
find the sources only for packages and not system images. Shipping
sources is possible, but not easy and not the goal. You have a hard
time testing and /etc/hosts blocking network access.

Cc to Simon, Timothy and Vagrant, who are involved with reproducible
builds, and Denis who asked [2] mentioned above.

Regards,
Florian

[2]
Thread:
Individual messages:
L
L
Luis Felipe wrote on 31 Jul 00:44 +0200
(name . pelzflorian (Florian Pelz))(address . pelzflorian@pelzflorian.de)
3525c51c-376c-e69a-e62f-d24615f370ef@zoho.com
El 30/07/24 a las 18:08, pelzflorian (Florian Pelz) escribió:
Toggle quote (3 lines)
> A blocking issue, one of your slogans says: "Get the same environment 50
> years later". Guix stood back from this claim so far, although it is
> the goal and there is the attempt to preserve.
Glad you caught this before publishing.
Toggle quote (3 lines)
> Could you, Luis, in a new version of the patch add an asterisk that
> preserving likely will work but not always and we cannot guarantee this
> yet? Cc to others for opinions.
Sure. I'll wait for other's opinions to see how to rewrite that part.
When I presented the proposal, Simon had suggested changing that
particular part to "Get the same environment in the future"
Maybe that would be enough?
Toggle quote (10 lines)
> To quote [1]:
>
> *The vision* First of all, one clarification: Guix aims to support time
> travel, but we’re talking of a time scale measured in years, not in
> decades. We know all too well that this is already very ambitious—it’s
> something that probably nobody except Nix and Guix are even trying. More
> importantly, software deployment at the scale of decades calls for very
> different, more radical techniques; it’s the work of archivists.
>
> /End quote.
I thought it would possible, in theory, to travel waay back with Guix
plus archives like Software Heritage in a very distant future... Oh well :)
Toggle quote (9 lines)
> We could make the confusing claim that Guix helps you ship source code
> needed for building, which Denis 'GNUtoo' Carikli kind of does for GPL
> license compliance reasons [2], but Guix provides a --sources option to
> find the sources only for packages and not system images. Shipping
> sources is possible, but not easy and not the goal. You have a hard
> time testing and /etc/hosts blocking network access.
>
> Cc to Simon, Timothy and Vagrant, who are involved with reproducible
> builds, and Denis who asked [2] mentioned above.
Thanks again for your help, Florian :)
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
P
P
pelzflorian (Florian Pelz) wrote on 31 Jul 08:26 +0200
claims Guix can make about reproducibility (was Re: [bug#72314] [PATCH v1 1/3] website: Redesign home page.)
(name . Luis Felipe)(address . sirgazil@zoho.com)
871q3acc1a.fsf_-_@pelzflorian.de
Luis Felipe <sirgazil@zoho.com> writes:
Toggle quote (11 lines)
>> Could you, Luis, in a new version of the patch add an asterisk that
>> preserving likely will work but not always and we cannot guarantee this
>> yet? Cc to others for opinions.
>
> Sure. I'll wait for other's opinions to see how to rewrite that part.
>
> When I presented the proposal, Simon had suggested changing that
> particular part to "Get the same environment in the future"
> (https://lists.gnu.org/archive/html/guix-devel/2023-10/msg00137.html). Maybe
> that would be enough?

I had read the thread; but somehow missed Simon’s comment... Yes, if
that rewording makes Simon happy already, we can do that.

However, writing “in the future“ (or just removing the word 50 from “50
years later”) could lead to misconceptions. There are concrete bugs
hindering near-term reproducibility for some packages (e.g. those using
mercurial) [1].

Soo ... add an ugly asterisk saying “*currently only guaranteed for most
packages“?

Toggle quote (4 lines)
> I thought it would possible, in theory, to travel waay back with Guix
> plus archives like Software Heritage in a very distant future... Oh
> well :)

Most but not all kinds of packages get archived currently AFAIU.

Regards,
Florian

L
L
Luis Felipe wrote on 31 Jul 14:47 +0200
(name . pelzflorian (Florian Pelz))(address . pelzflorian@pelzflorian.de)
c3a08a19-f8e7-9088-5a62-d47ee4fda710@zoho.com
El 31/07/24 a las 6:26, pelzflorian (Florian Pelz) escribió:
Toggle quote (20 lines)
> Luis Felipe <sirgazil@zoho.com> writes:
>>> Could you, Luis, in a new version of the patch add an asterisk that
>>> preserving likely will work but not always and we cannot guarantee this
>>> yet? Cc to others for opinions.
>> Sure. I'll wait for other's opinions to see how to rewrite that part.
>>
>> When I presented the proposal, Simon had suggested changing that
>> particular part to "Get the same environment in the future"
>> (https://lists.gnu.org/archive/html/guix-devel/2023-10/msg00137.html). Maybe
>> that would be enough?
> I had read the thread; but somehow missed Simon’s comment... Yes, if
> that rewording makes Simon happy already, we can do that.
>
> However, writing “in the future“ (or just removing the word 50 from “50
> years later”) could lead to misconceptions. There are concrete bugs
> hindering near-term reproducibility for some packages (e.g. those using
> mercurial) [1].
>
> Soo ... add an ugly asterisk saying “*currently only guaranteed for most
> packages“?
How about linking the asterisk to the blog post instead
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
P
P
pelzflorian (Florian Pelz) wrote on 31 Jul 17:13 +0200
(name . Luis Felipe)(address . sirgazil@zoho.com)
87r0b9d26y.fsf@pelzflorian.de
Luis Felipe <sirgazil@zoho.com> writes:
Toggle quote (3 lines)
> How about linking the asterisk to the blog post instead
> (https://guix.gnu.org/blog/2024/adventures-on-the-quest-for-long-term-reproducible-deployment/)?

Yes, your idea would mean we only link to explanations by actually
knowledgeable people. Good idea.

But also please reword the 50 years, probably to Simon’s “Get the same
environment in the future”, because for some packages we do not at all
guarantee even years later.

Could you send a patch?

Regards,
Florian
S
S
sirgazil wrote on 31 Jul 18:18 +0200
[PATCH v2 1/3] website: Redesign home page.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240731161835.11144-1-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

These changes implement the design of the home page presented as part
of the proposal "Differentiate products more clearly", sent to the
Guix development mailing list in October 2023 (see

* website/apps/base/templates/home.scm (home-t):
+ Rewrite summary.
+ Add new section: Give Users Control.
+ Add new section: Reproducible Outputs.
+ Add new section: One Language for Everything.
+ Add new section: All of It, Free Software.
+ Add new section: Get Guix.
+ Add new section: Get the Guix System.
+ Restyle section: GNU Guix in Your Field.
+ Restyle section: Instructional Videos.
+ Restyle section: Blog.
+ Restyle section: Contact.
+ Remove section: Discover Guix (screenshots will be presented as
part of the future Guix System home page, "Instructional Videos"
section was converted into an independent section, and "GNU Guix
in other GNU/Linux distros" was removed (see below)).
+ Remove section: GNU Guix in other GNU/Linux distros (the new
section "Get Guix" serves the same purpose).
* website/themes/initial/css/common.css: Update style accordingly.
* website/themes/initial/css/index.css: Likewise.

The following files are new:

* website/static/base/img/background-pattern-white-dots.svg
* website/static/base/img/give-users-control.svg
* website/static/base/img/guile-logo-outlined-floating.svg
* website/static/base/img/guix-shell.svg
* website/static/base/img/guix-system-display.svg
* website/static/base/img/people-focused.svg
* website/static/base/img/reproducible-outputs-container.svg
* website/static/base/img/reproducible-outputs-package.svg
* website/static/base/img/reproducible-outputs-shell.svg
* website/static/base/img/reproducible-outputs-systems.svg
* website/static/base/img/timeline-lapse-arrow-down.svg
* website/static/base/img/timeline-lapse-arrow.svg
* website/static/base/img/timeline-lapse-dot-down.svg
* website/static/base/img/timeline-lapse-dot.svg
* website/themes/initial/img/background-pattern-checkerboard-dark.svg
* website/themes/initial/img/depression-shadow-bottom.png
* website/themes/initial/img/h-separator.svg
---
website/apps/base/templates/home.scm | 380 +++--
.../img/background-pattern-white-dots.svg | 397 +++++
.../static/base/img/give-users-control.svg | 528 ++++++
.../base/img/guile-logo-outlined-floating.svg | 144 ++
website/static/base/img/guix-shell.svg | 143 ++
.../static/base/img/guix-system-display.svg | 211 +++
website/static/base/img/people-focused.svg | 160 ++
.../img/reproducible-outputs-container.svg | 389 +++++
.../base/img/reproducible-outputs-package.svg | 215 +++
.../base/img/reproducible-outputs-shell.svg | 332 ++++
.../base/img/reproducible-outputs-systems.svg | 1412 +++++++++++++++++
.../base/img/timeline-lapse-arrow-down.svg | 108 ++
.../static/base/img/timeline-lapse-arrow.svg | 108 ++
.../base/img/timeline-lapse-dot-down.svg | 121 ++
.../static/base/img/timeline-lapse-dot.svg | 120 ++
website/themes/initial/css/common.css | 18 +
website/themes/initial/css/index.css | 293 +++-
.../background-pattern-checkerboard-dark.svg | 121 ++
.../initial/img/depression-shadow-bottom.png | Bin 0 -> 4220 bytes
website/themes/initial/img/h-separator.svg | 164 ++
20 files changed, 5182 insertions(+), 182 deletions(-)
create mode 100644 website/static/base/img/background-pattern-white-dots.svg
create mode 100644 website/static/base/img/give-users-control.svg
create mode 100644 website/static/base/img/guile-logo-outlined-floating.svg
create mode 100644 website/static/base/img/guix-shell.svg
create mode 100644 website/static/base/img/guix-system-display.svg
create mode 100644 website/static/base/img/people-focused.svg
create mode 100644 website/static/base/img/reproducible-outputs-container.svg
create mode 100644 website/static/base/img/reproducible-outputs-package.svg
create mode 100644 website/static/base/img/reproducible-outputs-shell.svg
create mode 100644 website/static/base/img/reproducible-outputs-systems.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow-down.svg
create mode 100644 website/static/base/img/timeline-lapse-arrow.svg
create mode 100644 website/static/base/img/timeline-lapse-dot-down.svg
create mode 100644 website/static/base/img/timeline-lapse-dot.svg
create mode 100644 website/themes/initial/img/background-pattern-checkerboard-dark.svg
create mode 100644 website/themes/initial/img/depression-shadow-bottom.png
create mode 100644 website/themes/initial/img/h-separator.svg

Toggle diff (433 lines)
diff --git a/website/apps/base/templates/home.scm b/website/apps/base/templates/home.scm
index aa1fbb5..4ea923c 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -41,68 +41,38 @@ management|Reproducibility") #\|)
(section
(@ (class "featured-content"))
,(G_ `(h2 (@ (class "a11y-offset")) "Summary"))
- (ul
- ,(G_
- `(li
- ,(G_ `(b "Liberating."))
- " Guix is a distribution of the "
- ,(G_ (link-yellow
- #:label "GNU operating system"
- #:url (gnu-url "gnu/about-gnu.html")))
- " developed by the "
- ,(G_ (link-yellow
- #:label "GNU Project"
- #:url (gnu-url)))
- "—which respects the "
- ,(G_ (link-yellow
- #:label "freedom of computer users"
- #:url (gnu-url "distros/free-system-distribution-\
-guidelines.html")))
- ". "))
-
- ;; TRANSLATORS: Package Management, Features and Using the
- ;; Configuration System are section names in the English (en)
- ;; manual.
- ,(G_
- `(li
- ,(G_ `(b "Dependable."))
- " Guix "
- ,(G_ (manual-link-yellow "supports"
- (G_ "en")
- (G_ "Package-Management.html")))
- " transactional upgrades and roll-backs, unprivileged \
-package management, "
- ,(G_ (manual-link-yellow "and more"
- (G_ "en")
- (G_ "Features.html")))
- ". When used as a standalone distribution, Guix supports "
- ,(G_ (manual-link-yellow "declarative system configuration"
- (G_ "en")
- (G_ "Using-the-Configuration-System.html")))
- " for transparent and reproducible operating systems."))
-
- ;; TRANSLATORS: Defining Packages and System Configuration are
- ;; section names in the English (en) manual.
+
+ (div
+ (@ (class "summary centered-block centered-text limit-width"))
,(G_
- `(li
- ,(G_ `(b "Hackable."))
- " It provides "
- ,(G_ (link-yellow
- #:label "Guile Scheme"
- #:url (gnu-url "software/guile/")))
- " APIs, including high-level embedded domain-specific \
-languages (EDSLs) to "
- ,(G_ (manual-link-yellow "define packages"
- (G_ "en")
- (G_ "Defining-Packages.html")))
+ `(p
+ "GNU Guix is a "
+ ,(G_ (manual-link-yellow
+ "package manager"
+ (G_ "en")
+ (G_ "Package-Management.html")))
+ " for GNU/Linux systems. It is designed to give users "
+ ,(G_ `(b "more control")) ; TODO: Link to relevant documentation.
+ " over their general-purpose and specialized computing \
+environments, and make these easier to "
+ ,(G_ (manual-link-yellow
+ "reproduce over time"
+ (G_ "en")
+ (G_ "Invoking-guix-time_002dmachine.html")))
" and "
- ,(G_ (manual-link-yellow "whole-system configurations"
- (G_ "en")
- (G_ "System-Configuration.html")))
- ".")))
+ ,(G_ (manual-link-yellow
+ "deploy"
+ (G_ "en")
+ (G_ "Invoking-guix-deploy.html")))
+ " to one or many devices.")))
(div
(@ (class "action-box centered-text"))
+ ,(button-big
+ #:label (C_ "button" "FEATURES")
+ #:url (G_ (manual-url-with-language (G_ "en") "Features.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "DOWNLOAD")
#:url (guix-url "download/")
@@ -113,63 +83,166 @@ languages (EDSLs) to "
#:url (guix-url "contribute/")
#:light #true)))
- ;; Discover Guix.
+ ;; Give Users control.
(section
- (@ (class "discovery-box"))
- ,(G_ `(h2 "Discover Guix"))
-
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Guix comes with thousands of packages which include \
-applications, system tools, documentation, fonts, and other digital \
-goods readily available for installing with the "
- ,(G_ (link-yellow #:label "GNU Guix"
- #:url (identity "#guix-in-other-distros")))
- " package manager."))
-
- ,(screenshots-box (context-datum context "screenshots"))
+ (@ (class "panel panel-dark"))
(div
- (@ (class "fields-box"))
-
- ,(button-big
- #:label (C_ "button" "ALL PACKAGES")
- #:url (packages-url)
- #:light #true))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Give Users Control"))
+ ,(G_ '(p "Users on the same machine can manage their own \
+packages independently from each other, without superuser privileges."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "Package-Management.html"))
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/give-users-control.svg"))
+ (alt "")))))
+
+ ;; Reproducible Outputs.
+ (section
+ (@ (id "reproducible-outputs")
+ (class "discovery-box"))
- ,(horizontal-separator #:light #true)
+ (div
+ (@ (class "limit-width centered-block"))
- ,(G_ '(h3 "Instructional videos"))
+ ,(G_ '(h2 "Reproducible Outputs"))
+ ,(G_
+ `(p "Guix provides "
+ ,(G_ (link-yellow #:label "thousands of packages"
+ #:url (packages-url)))
+ " which include desktop environments, applications, \
+system tools, programming languages and their packages, data and other \
+digital artifacts which work as the building blocks for creating "
+ ,(G_ (link-yellow #:label "reproducible"
+ #:url "https://en.wikipedia.org/wiki/Reproducible_builds"))
+ " shell environments, containers and systems for \
+different computing needs.")))
(div
- ,@(map
- (lambda (item)
- (cond ((video? item) (video-preview item))
- (else (playlist-preview item))))
- (context-datum context "videos")))
+ (@ (class "grid centered-content text-larger"))
+
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Package"
+ (G_ "en")
+ (G_ "Defining-Packages.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-package.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Shell Environment"
+ (G_ "en")
+ (G_ "Invoking-guix-shell.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-shell.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Container"
+ (G_ "en")
+ (G_ "Invoking-guix-container.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-container.svg"))
+ (alt ""))))
+ (div (@ (class "stack"))
+ ,(G_ (manual-link-yellow
+ "Systems"
+ (G_ "en")
+ (G_ "System-Configuration.html")))
+ (img
+ (@ (src ,(guix-url "static/base/img/reproducible-outputs-systems.svg"))
+ (alt "")))))
(div
- (@ (class "fields-box"))
-
- ,(button-big
- #:label (C_ "button" "ALL VIDEOS")
- #:url (guix-url "videos/")
- #:light #true))
+ (@ (id "timeline")
+ (class "limit-width text-larger"))
+
+ ,(G_ '(p (@ (id "timeline-today")) "Build an environment today"))
+ (p (@ (id "timeline-lapse"))
+ ,(G_ (manual-link-yellow
+ "Reproduce in time"
+ (G_ "en")
+ (G_ "Invoking-guix-time_002dmachine.html"))))
+ ,(G_ `(p (@ (id "timeline-future"))
+ "Get the same environment in the future"
+ ;; TRANSLATORS: The * indicates there's more information in another place.
+ ,(G_ (link-yellow
+ #:label "*"
+ #:url (guix-url "blog/2024/adventures-on-the-quest-for-long-term-reproducible-deployment/"))))))
+
+ ,(button-big
+ #:label (C_ "button" "EXPLORE PACKAGES")
+ #:url (packages-url)
+ #:light #true))
+
+ ;; One Language for Everything.
+ (section
+ (@ (id "one-language")
+ (class "panel panel-dark"))
- ,(horizontal-separator #:light #true)
+ (div
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "One Language for Everything"))
+ ,(G_ '(p "Use Guile Scheme APIs, including high-level embedded \
+domain-specific languages (EDSLs) to define packages and whole-system \
+configurations."))
+ ,(button-big
+ #:label (C_ "button" "CHECK THE API")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "Programming-Interface.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "WHAT'S GUILE")
+ #:url (gnu-url "software/guile/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
+ (alt "")))))
+
+ ;; All of It, Free Software.
+ (section
+ (@ (id "all-free-software")
+ (class "panel panel-light"))
- ;; Guix in different fields.
- ,(G_ `(h3 "GNU Guix in your field"))
+ (div
+ (@ (class " limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "All of It, Free Software"))
+ ,(G_ '(p "Guix is a GNU Project—which respects the freedom of \
+computer users. You are free to use, study, modify, and share Guix and \
+all the packages it provides."))
+ ,(button-big
+ #:label (C_ "button" "LEARN MORE")
+ #:url (gnu-url "philosophy/free-sw.en.html")))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/people-focused.svg"))
+ (alt "")))))
+
+ ;; GNU Guix in Your Field.
+ (section
+ (@ (id "guix-in-your-field")
+ (class "panel-dark"))
- ,(G_
- `(p
- (@ (class "limit-width centered-block"))
- "Read some stories about how people are using GNU Guix in
-their daily lives."))
+ ,(G_ '(h2 "GNU Guix in Your Field"))
(div
- (@ (class "fields-box"))
+ (@ (class "limit-width centered-block"))
" " ; A space for readability in non-CSS browsers (same below).
,(button-big
@@ -195,52 +268,86 @@ their daily lives."))
,(button-big
#:label (C_ "button" "ALL FIELDS...")
#:url (guix-url "blog/")
- #:light #true))
+ #:light #true)))
- ,(horizontal-separator #:light #true)
+ ;; Get Guix.
+ (section
+ (@ (class "panel panel-dark"))
- ;; Using Guix in other distros.
- ,(G_
- `(h3
- (@ (id "guix-in-other-distros"))
- "GNU Guix in other GNU/Linux distros"))
+ (div
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get Guix"))
+ ,(G_ '(p "You can use Guix on top of any GNU/Linux \
+distribution of your preference. It won't clash with your distro's \
+package manager."))
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-shell.svg"))
+ (alt "")))))
+
+ ;; Get the Guix System.
+ (section
+ (@ (id "get-guix-system")
+ (class "panel panel-dark"))
(div
- (@ (class "info-box"))
- (video
- (@ (src "https://audio-video.gnu.org/video/misc/2016-07__GNU_Guix_Demo_2.webm")
- (poster ,(guix-url "static/media/img/guix-demo.png"))
- (controls "controls"))
- ,(G_
- `(p
- "Video: "
- ,(G_ (link-yellow
- #:label "Demo of Guix in another GNU/Linux distribution"
- #:url "https://audio-video.gnu.org/video/misc/\
-2016-07__GNU_Guix_Demo_2.webm"))
- " (1 minute, 30 seconds)."))))
+ (@ (class "limit-width centered-block"))
+
+ (div
+ ,(G_ '(h2 "Get the Guix System"))
+ ,(G_ '(p "A complete GNU operating system harnessing all the \
+capabilities of the Guix software. Spawned by Guix itself."))
+ ,(button-big
+ #:label (C_ "button" "OVERVIEW")
+ #:url (G_ (manual-url-with-language
+ (G_ "en")
+ "System-Installation.html"))
+ #:light #true)
+ " " ; A space for readability in non-CSS browsers.
+ ,(button-big
+ #:label (C_ "button" "DOWNLOAD")
+ #:url (guix-url "download/")
+ #:light #true))
+
+ (img
+ (@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
+ (alt "")))))
+
+ ;; Instructional Videos.
+ (section
+ (@ (id "instructional-videos")
+ (class "discovery-box"))
(div
- (@ (class "info-box justify-left"))
- ,(G_ `(p
- "If you don't use GNU Guix as a standalone GNU/Linux \
-distribution, you still can use it as a package manager on top of any \
-GNU/Linux distribution. This way, you can benefit from all its conveniences."))
+ (@ (class "limit-width centered-block"))
- ,(G_ `(p
- "Guix won't interfere with the package manager that comes \
-with your distribution. They can live together.")))
+ ,(G_ '(h2 "Instructional Videos")))
(div
- (@ (class "action-box centered-text"))
+ ,@(map
+ (lambda (item)
+ (cond ((video? item) (video-preview item))
+ (else (playlist-preview item))))
+ (context-datum context "videos")))
+
+ (div
+ (@ (class "action-box"))
+
,(button-big
- #:label (C_ "button" "TRY IT OUT!")
- #:url (guix-url "download/")
+ #:label (C_ "button" "ALL VIDEOS")
+ #:url (guix-url "videos/")
#:light #true)))
;; Latest Blog posts.
(section
- (@ (class "centered-text"))
+ (@ (id "blog-latest-posts")
+ (class "panel-dark centered-text"))
,(G_ `(h2 "Blog"))
,@(map post-preview (context-datum context "posts"))
@@ -249,11 +356,13 @@ with your distribution. They can live together.")))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL P
This message was truncated. Download the full message here.
S
S
sirgazil wrote on 31 Jul 18:18 +0200
[PATCH v2 2/3] website: Move screenshots style to the screenshots style sheet.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240731161835.11144-2-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

* website/themes/initial/css/index.css: Move screenshot rules to
screenshots.css.
* website/themes/initial/css/screenshots.css: Add screenshot rules from
index.css.
* website/apps/media/templates/screenshot.scm (screenshot-t): Don't use
the index.css.
* website/apps/media/templates/screenshots-overview.scm:
(screenshots-overview-t): Likewise, and use screenshots.css instead.
---
website/apps/media/templates/screenshot.scm | 3 +-
.../media/templates/screenshots-overview.scm | 2 +-
website/themes/initial/css/index.css | 61 ------------------
website/themes/initial/css/screenshots.css | 64 ++++++++++++++++++-
4 files changed, 65 insertions(+), 65 deletions(-)

Toggle diff (179 lines)
diff --git a/website/apps/media/templates/screenshot.scm b/website/apps/media/templates/screenshot.scm
index a942ef6..377485a 100644
--- a/website/apps/media/templates/screenshot.scm
+++ b/website/apps/media/templates/screenshot.scm
@@ -26,8 +26,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css")
- (theme-url "css/screenshots.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/apps/media/templates/screenshots-overview.scm b/website/apps/media/templates/screenshots-overview.scm
index 7663ad9..97e5af6 100644
--- a/website/apps/media/templates/screenshots-overview.scm
+++ b/website/apps/media/templates/screenshots-overview.scm
@@ -23,7 +23,7 @@ system|GNU Hurd|GNU Guix package manager|GNU Guile|Guile \
Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Media")
- #:css (list (theme-url "css/index.css"))
+ #:css (list (theme-url "css/screenshots.css"))
#:content
`(main
(section
diff --git a/website/themes/initial/css/index.css b/website/themes/initial/css/index.css
index a04f3b6..da9caf4 100644
--- a/website/themes/initial/css/index.css
+++ b/website/themes/initial/css/index.css
@@ -228,73 +228,12 @@ h2 {
color: #E6E6E6;
}
-.screenshots-box {
- padding: 40px 0px 0px 0px;
-}
-
-.screenshot-preview {
- font-size: 0.7em;
- margin: 40px auto;
- max-width: 250px;
- text-align: center;
-}
-
-.screenshot-preview a,
-.screenshot-preview img {
- border-radius: 5px;
- display: block;
-}
-
-.screenshot-preview a:link,
-.screenshot-preview a:visited {
- border-color: transparent;
- border-style: solid;
- border-width: thin;
- box-shadow: 0 0 4px gray;
- color: white;
- position: relative;
-}
-
-.screenshot-preview a:active,
-.screenshot-preview a:focus,
-.screenshot-preview a:hover {
- border-color: black;
- box-shadow: 0 0 4px black;
-}
-
-
-
-@media screen and (min-width: 300px) {
- .screenshot-inset-shadow {
- border-radius: 5px;
- box-shadow: inset 0 0 4px black;
- display: block;
- height: 140px;
- position: absolute;
- top: 0px;
- width: 250px;
- }
-
- .screenshot-preview a:active .screenshot-inset-shadow,
- .screenshot-preview a:focus .screenshot-inset-shadow,
- .screenshot-preview a:hover .screenshot-inset-shadow {
- box-shadow: none;
- }
-}
-
-
@media screen and (min-width: 480px) {
.button-big:link,
.button-big:visited {
display: inline-block;
}
-
- .screenshot-preview {
- display: inline-block;
- margin: 15px;
- vertical-align: top;
- }
}
diff --git a/website/themes/initial/css/screenshots.css b/website/themes/initial/css/screenshots.css
index 64f5f6a..296a99b 100644
--- a/website/themes/initial/css/screenshots.css
+++ b/website/themes/initial/css/screenshots.css
@@ -1,3 +1,65 @@
+.screenshots-box {
+ padding: 40px 0px 0px 0px;
+}
+
+.screenshot-preview {
+ font-size: 0.7em;
+ margin: 40px auto;
+ max-width: 250px;
+ text-align: center;
+}
+
+.screenshot-preview a,
+.screenshot-preview img {
+ border-radius: 5px;
+ display: block;
+}
+
+.screenshot-preview a:link,
+.screenshot-preview a:visited {
+ border-color: transparent;
+ border-style: solid;
+ border-width: thin;
+ box-shadow: 0 0 4px gray;
+ color: white;
+ position: relative;
+}
+
+.screenshot-preview a:active,
+.screenshot-preview a:focus,
+.screenshot-preview a:hover {
+ border-color: black;
+ box-shadow: 0 0 4px black;
+}
+
.screenshot-viewer {
background-color: black;
-}
\ No newline at end of file
+}
+
+
+
+@media screen and (min-width: 300px) {
+ .screenshot-inset-shadow {
+ border-radius: 5px;
+ box-shadow: inset 0 0 4px black;
+ display: block;
+ height: 140px;
+ position: absolute;
+ top: 0px;
+ width: 250px;
+ }
+
+ .screenshot-preview a:active .screenshot-inset-shadow,
+ .screenshot-preview a:focus .screenshot-inset-shadow,
+ .screenshot-preview a:hover .screenshot-inset-shadow {
+ box-shadow: none;
+ }
+}
+
+@media screen and (min-width: 480px) {
+ .screenshot-preview {
+ display: inline-block;
+ margin: 15px;
+ vertical-align: top;
+ }
+}
--
2.45.2
S
S
sirgazil wrote on 31 Jul 18:18 +0200
[PATCH v2 3/3] website: Home page template: Untabify.
(address . 72314@debbugs.gnu.org)(name . Luis Felipe)(address . sirgazil@zoho.com)
20240731161835.11144-3-sirgazil@zoho.com
From: Luis Felipe <sirgazil@zoho.com>

* website/apps/base/templates/home.scm (home-t): Make indentation use
spaces uniformly instead of tabs.
---
website/apps/base/templates/home.scm | 40 ++++++++++++++--------------
1 file changed, 20 insertions(+), 20 deletions(-)

Toggle diff (127 lines)
diff --git a/website/apps/base/templates/home.scm b/website/apps/base/templates/home.scm
index 4ea923c..b04613f 100644
--- a/website/apps/base/templates/home.scm
+++ b/website/apps/base/templates/home.scm
@@ -32,8 +32,8 @@ Scheme|Transactional upgrades|Functional package \
management|Reproducibility") #\|)
#:active-menu-item (C_ "website menu" "Overview")
#:css (list
- (theme-url "css/item-preview.css")
- (theme-url "css/index.css")
+ (theme-url "css/item-preview.css")
+ (theme-url "css/index.css")
(theme-url "css/video-preview.css"))
#:content
`(main
@@ -80,8 +80,8 @@ environments, and make these easier to "
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "CONTRIBUTE")
- #:url (guix-url "contribute/")
- #:light #true)))
+ #:url (guix-url "contribute/")
+ #:light #true)))
;; Give Users control.
(section
@@ -99,7 +99,7 @@ packages independently from each other, without superuser privileges."))
#:url (G_ (manual-url-with-language
(G_ "en")
"Package-Management.html"))
- #:light #true))
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/give-users-control.svg"))
@@ -181,8 +181,8 @@ different computing needs.")))
,(button-big
#:label (C_ "button" "EXPLORE PACKAGES")
- #:url (packages-url)
- #:light #true))
+ #:url (packages-url)
+ #:light #true))
;; One Language for Everything.
(section
@@ -202,12 +202,12 @@ configurations."))
#:url (G_ (manual-url-with-language
(G_ "en")
"Programming-Interface.html"))
- #:light #true)
+ #:light #true)
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "WHAT'S GUILE")
- #:url (gnu-url "software/guile/")
- #:light #true))
+ #:url (gnu-url "software/guile/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guile-logo-outlined-floating.svg"))
@@ -228,7 +228,7 @@ computer users. You are free to use, study, modify, and share Guix and \
all the packages it provides."))
,(button-big
#:label (C_ "button" "LEARN MORE")
- #:url (gnu-url "philosophy/free-sw.en.html")))
+ #:url (gnu-url "philosophy/free-sw.en.html")))
(img
(@ (src ,(guix-url "static/base/img/people-focused.svg"))
@@ -284,8 +284,8 @@ distribution of your preference. It won't clash with your distro's \
package manager."))
,(button-big
#:label (C_ "button" "DOWNLOAD")
- #:url (guix-url "download/")
- #:light #true))
+ #:url (guix-url "download/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guix-shell.svg"))
@@ -308,12 +308,12 @@ capabilities of the Guix software. Spawned by Guix itself."))
#:url (G_ (manual-url-with-language
(G_ "en")
"System-Installation.html"))
- #:light #true)
+ #:light #true)
" " ; A space for readability in non-CSS browsers.
,(button-big
#:label (C_ "button" "DOWNLOAD")
- #:url (guix-url "download/")
- #:light #true))
+ #:url (guix-url "download/")
+ #:light #true))
(img
(@ (src ,(guix-url "static/base/img/guix-system-display.svg"))
@@ -341,8 +341,8 @@ capabilities of the Guix software. Spawned by Guix itself."))
,(button-big
#:label (C_ "button" "ALL VIDEOS")
- #:url (guix-url "videos/")
- #:light #true)))
+ #:url (guix-url "videos/")
+ #:light #true)))
;; Latest Blog posts.
(section
@@ -356,7 +356,7 @@ capabilities of the Guix software. Spawned by Guix itself."))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL POSTS")
- #:url (guix-url "blog/")
+ #:url (guix-url "blog/")
#:light #true)))
;; Contact info.
@@ -371,5 +371,5 @@ capabilities of the Guix software. Spawned by Guix itself."))
(@ (class "action-box centered-text"))
,(button-big
#:label (C_ "button" "ALL CONTACT MEDIA")
- #:url (guix-url "contact/")
+ #:url (guix-url "contact/")
#:light #true))))))
--
2.45.2
L
L
Luis Felipe wrote on 31 Jul 18:25 +0200
Re: claims Guix can make about reproducibility (was Re: [bug#72314] [PATCH v1 1/3] website: Redesign home page.)
(name . pelzflorian (Florian Pelz))(address . pelzflorian@pelzflorian.de)
fbb4f881-4911-4958-bd63-0e7cb6f40626@zoho.com
El 31/07/24 a las 15:13, pelzflorian (Florian Pelz) escribió:
Toggle quote (11 lines)
> Luis Felipe <sirgazil@zoho.com> writes:
>> How about linking the asterisk to the blog post instead
>> (https://guix.gnu.org/blog/2024/adventures-on-the-quest-for-long-term-reproducible-deployment/)?
> Yes, your idea would mean we only link to explanations by actually
> knowledgeable people. Good idea.
>
> But also please reword the 50 years, probably to Simon’s “Get the same
> environment in the future”, because for some packages we do not at all
> guarantee even years later.
>
> Could you send a patch?
Done. Updated to read "Get the same environment in the future*", and the
asterisk links to the blog post.
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
P
P
pelzflorian (Florian Pelz) wrote on 2 Aug 00:53 +0200
(name . Luis Felipe)(address . sirgazil@zoho.com)
87cymrg8hy.fsf@pelzflorian.de
Pushed. Thank you again for your worthy home-page redesign.

Changes before pushing:

* from the sentence about data and digital artifacts, I removed the
second mention of packages,
* untabified new lines from the first patch in the first patch,
because I do not like adding tabs. I then dropped patch 3,
because only few tabs were left.
* added TRANSLATORS comments about section names that will be displayed
in .po files and Weblate

Your asterisk TRANSLATORS comment is good, as I imagine East Asian
languages commonly use some full-width asterisk.

Then I adjusted translations’ manual links as much as I could and
unfuzzied GNU Guix in your field, Instructional videos. Will upload my
changes to Weblate soon and update po files as Weblate changes come.

Regards,
Florian
Closed
L
L
Luis Felipe wrote on 2 Aug 01:24 +0200
(name . pelzflorian (Florian Pelz))(address . pelzflorian@pelzflorian.de)
a90cb826-de0b-c072-bd2f-99783dbbc132@zoho.com
El 1/08/24 a las 22:53, pelzflorian (Florian Pelz) escribió:
Toggle quote (1 lines)
> Pushed. Thank you again for your worthy home-page redesign.
Great :)
Toggle quote (12 lines)
> Changes before pushing:
>
> * from the sentence about data and digital artifacts, I removed the
> second mention of packages,
> * untabified new lines from the first patch in the first patch,
> because I do not like adding tabs. I then dropped patch 3,
> because only few tabs were left.
> * added TRANSLATORS comments about section names that will be displayed
> in .po files and Weblate
>
> Your asterisk TRANSLATORS comment is good, as I imagine East Asian
> languages commonly use some full-width asterisk.
That's right, I was thinking the about Japanese ? at least.
Toggle quote (3 lines)
> Then I adjusted translations’ manual links as much as I could and
> unfuzzied GNU Guix in your field, Instructional videos. Will upload my
> changes to Weblate soon and update po files as Weblate changes come.
Great. Thanks a lot for your help and patience, Florian.
Cheers,
Attachment: OpenPGP_0x0AB0D067012F08C3.asc
Attachment: OpenPGP_signature
Closed
?
Your comment

This issue is archived.

To comment on this conversation send an email to 72314@debbugs.gnu.org

To respond to this issue using the mumi CLI, first switch to it
mumi current 72314
Then, you may apply the latest patchset in this issue (with sign off)
mumi am -- -s
Or, compose a reply to this issue
mumi compose
Or, send patches to this issue
mumi send-email *.patch