From patchwork Tue Oct 27 13:20:05 2020 Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 8bit X-Patchwork-Submitter: =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= X-Patchwork-Id: 301847 Return-Path: X-Spam-Checker-Version: SpamAssassin 3.4.0 (2014-02-07) on aws-us-west-2-korg-lkml-1.web.codeaurora.org X-Spam-Level: X-Spam-Status: No, score=-9.6 required=3.0 tests=BAYES_00,DKIM_INVALID, DKIM_SIGNED, HEADER_FROM_DIFFERENT_DOMAINS, INCLUDES_PATCH, MAILING_LIST_MULTI, SIGNED_OFF_BY,SPF_HELO_NONE,SPF_PASS,URIBL_BLOCKED autolearn=ham autolearn_force=no version=3.4.0 Received: from mail.kernel.org (mail.kernel.org [198.145.29.99]) by smtp.lore.kernel.org (Postfix) with ESMTP id 6F4FCC55178 for ; Tue, 27 Oct 2020 13:44:13 +0000 (UTC) Received: from lists.gnu.org (lists.gnu.org [209.51.188.17]) (using TLSv1.2 with cipher ECDHE-RSA-AES256-GCM-SHA384 (256/256 bits)) (No client certificate requested) by mail.kernel.org (Postfix) with ESMTPS id E792521707 for ; Tue, 27 Oct 2020 13:44:12 +0000 (UTC) Authentication-Results: mail.kernel.org; dkim=fail reason="signature verification failed" (1024-bit key) header.d=redhat.com header.i=@redhat.com header.b="TjBuidjL" DMARC-Filter: OpenDMARC Filter v1.3.2 mail.kernel.org E792521707 Authentication-Results: mail.kernel.org; dmarc=fail (p=none dis=none) header.from=redhat.com Authentication-Results: mail.kernel.org; spf=pass smtp.mailfrom=qemu-devel-bounces+qemu-devel=archiver.kernel.org@nongnu.org Received: from localhost ([::1]:43580 helo=lists1p.gnu.org) by lists.gnu.org with esmtp (Exim 4.90_1) (envelope-from ) id 1kXPGl-0005dC-SN for qemu-devel@archiver.kernel.org; Tue, 27 Oct 2020 09:44:11 -0400 Received: from eggs.gnu.org ([2001:470:142:3::10]:53310) by lists.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_GCM_SHA384:256) (Exim 4.90_1) (envelope-from ) id 1kXOu6-0002QO-QK for qemu-devel@nongnu.org; Tue, 27 Oct 2020 09:20:46 -0400 Received: from us-smtp-delivery-124.mimecast.com ([216.205.24.124]:36249) by eggs.gnu.org with esmtps (TLS1.2:ECDHE_RSA_AES_256_CBC_SHA1:256) (Exim 4.90_1) (envelope-from ) id 1kXOu3-0005zV-Si for qemu-devel@nongnu.org; Tue, 27 Oct 2020 09:20:46 -0400 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=redhat.com; s=mimecast20190719; t=1603804843; h=from:from:reply-to:subject:subject:date:date:message-id:message-id: to:to:cc:cc:mime-version:mime-version:content-type:content-type: content-transfer-encoding:content-transfer-encoding: in-reply-to:in-reply-to:references:references; bh=BDNCBgIT1dL8QkwazpWXoH/TaZJtclotwbGPsMWLTdA=; b=TjBuidjL9VgnLzj/cFqegF7up7g3+NSADoyej9umfYZoSmsejv9HVyUWIklX/vsVaedPLg YkYGf59gGW064ALPJqT3UYkrfqjDeDEVw8Txk9T0aq3h1/VhCOjaO8KJxxDFifab32DAET 6zyAS2uD+vPO2sNW5fzLB/I1S2EoXt4= Received: from mimecast-mx01.redhat.com (mimecast-mx01.redhat.com [209.132.183.4]) (Using TLS) by relay.mimecast.com with ESMTP id us-mta-553-GO2EPmLFOM2qRhx7Bw0gpQ-1; Tue, 27 Oct 2020 09:20:35 -0400 X-MC-Unique: GO2EPmLFOM2qRhx7Bw0gpQ-1 Received: from smtp.corp.redhat.com (int-mx08.intmail.prod.int.phx2.redhat.com [10.5.11.23]) (using TLSv1.2 with cipher AECDH-AES256-SHA (256/256 bits)) (No client certificate requested) by mimecast-mx01.redhat.com (Postfix) with ESMTPS id 9802A803F69 for ; Tue, 27 Oct 2020 13:20:34 +0000 (UTC) Received: from localhost.localdomain.com (ovpn-115-46.ams2.redhat.com [10.36.115.46]) by smtp.corp.redhat.com (Postfix) with ESMTP id 6C2801972B; Tue, 27 Oct 2020 13:20:28 +0000 (UTC) From: =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= To: qemu-devel@nongnu.org Subject: [qemu-web PATCH v2 06/16] Rework display of screenshots to use a carousel slider Date: Tue, 27 Oct 2020 13:20:05 +0000 Message-Id: <20201027132015.621733-7-berrange@redhat.com> In-Reply-To: <20201027132015.621733-1-berrange@redhat.com> References: <20201027132015.621733-1-berrange@redhat.com> MIME-Version: 1.0 X-Scanned-By: MIMEDefang 2.84 on 10.5.11.23 Authentication-Results: relay.mimecast.com; auth=pass smtp.auth=CUSA124A263 smtp.mailfrom=berrange@redhat.com X-Mimecast-Spam-Score: 0 X-Mimecast-Originator: redhat.com Received-SPF: pass client-ip=216.205.24.124; envelope-from=berrange@redhat.com; helo=us-smtp-delivery-124.mimecast.com X-detected-operating-system: by eggs.gnu.org: First seen = 2020/10/27 01:06:06 X-ACL-Warn: Detected OS = Linux 2.2.x-3.x [generic] [fuzzy] X-Spam_score_int: -20 X-Spam_score: -2.1 X-Spam_bar: -- X-Spam_report: (-2.1 / 5.0 requ) BAYES_00=-1.9, DKIMWL_WL_HIGH=-0.001, DKIM_SIGNED=0.1, DKIM_VALID=-0.1, DKIM_VALID_AU=-0.1, DKIM_VALID_EF=-0.1, RCVD_IN_DNSWL_NONE=-0.0001, RCVD_IN_MSPIKE_H4=0.001, RCVD_IN_MSPIKE_WL=0.001, SPF_HELO_NONE=0.001, SPF_PASS=-0.001 autolearn=ham autolearn_force=no X-Spam_action: no action X-BeenThere: qemu-devel@nongnu.org X-Mailman-Version: 2.1.23 Precedence: list List-Id: List-Unsubscribe: , List-Archive: List-Post: List-Help: List-Subscribe: , Cc: Paolo Bonzini , Thomas Huth , =?utf-8?q?Daniel_P=2E_Berrang=C3=A9?= Errors-To: qemu-devel-bounces+qemu-devel=archiver.kernel.org@nongnu.org Sender: "Qemu-devel" We have a number of screenshots to display, with three fitted across the width of the screen. The screenshots dominate the usage of screen real estate on the front page, with other relevant information off the bottom of the page. As a step towards increasing the information density of the home screen replace the horizontally presented screenshots with a rotating carousel of images. Signed-off-by: Daniel P. Berrangé Reviewed-by: Kashyap Chamarthy --- _data/screenshots.yml | 14 ++++++++++++-- _includes/screenshot.html | 8 ++++++-- assets/css/style.css | 10 +++++++--- index.html | 36 ++++++++++++++++-------------------- 4 files changed, 41 insertions(+), 27 deletions(-) diff --git a/_data/screenshots.yml b/_data/screenshots.yml index 3b8b6a5..2811244 100644 --- a/_data/screenshots.yml +++ b/_data/screenshots.yml @@ -3,18 +3,28 @@ author: "Screenshot by [User:Nurnware](https://commons.wikimedia.org/wiki/User:Nurnware)" description: "QEMU running the ReactOS operating system on Linux." description_md: "QEMU running the [ReactOS](http://www.reactos.org) operating system on Linux." -- file: qemu-arm.png - description: "QEMU running a 32-bit ARM binary on a 64-bit Linux system." + heading: Full-system emulation + blurb: Run operating systems for any machine, on any supported architecture - file: qemu-advent-calendar-osv-redis.png source: http://www.qemu-advent-calendar.org/#day-11 author: "Courtesy of Dor Laor" description: "The dashboard of the OSv operating system, running in the background as a QEMU/KVM process." description_md: "The dashboard of the [OSv](http://osv.io) operating system, running in the background as a QEMU/KVM process." + heading: Virtualization + blurb: Run KVM and Xen virtual machines with near native performance +- file: qemu-arm.png + description: "QEMU running a 32-bit ARM binary on a 64-bit Linux system." + heading: User-mode emulation + blurb: Run programs for another Linux/BSD target, on any supported architecture - file: qemu-advent-calendar-s390-moon-buggy.png source: http://www.qemu-advent-calendar.org/#day-22 author: "Courtesy of Alexander Graf" description: "QEMU emulating an ASCII art game for the System z (s390) mainframe." + heading: Full-system emulation + blurb: Run operating systems for non-native architectures - file: qemu-advent-calendar-second-reality.png source: http://www.qemu-advent-calendar.org/#day-13 author: "Courtesy of Paolo Bonzini" description: "QEMU running Second Reality, a well-known PC demo from 1993, inside the FreeDOS operating system." + heading: Full-system emulation + blurb: Run demos written for classic / obsolete operating systems diff --git a/_includes/screenshot.html b/_includes/screenshot.html index 70b0d11..fb79e5d 100644 --- a/_includes/screenshot.html +++ b/_includes/screenshot.html @@ -1,9 +1,13 @@ {% for screenshot in site.data.screenshots offset: {{include.offset}} limit: {{include.limit}} %} - + {% if screenshot.heading %}

{{ screenshot.heading }}

{% endif %} +
Screenshot: {{screenshot.description}} + src="screenshots/{{screenshot.file}}" alt="Screenshot: {{screenshot.description}}"/>
+ {% if screenshot.blurb %}

{{ screenshot.blurb }}

{% endif %} + {% endfor %} diff --git a/assets/css/style.css b/assets/css/style.css index e09b383..855217b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -557,13 +557,14 @@ #featured header { border-bottom: 1px solid #333333; + margin-bottom: 0.5em; } #featured h2 { margin-bottom: 0em; } - #featured h3 + #featured .screenshots h3 { padding: 1.5em 0em; font-size: 1.6em; @@ -573,12 +574,15 @@ margin: 0em 0em 1em 0em; } - #featured .pennant + #featured .screenshots .pennant { font-size: 4em; + width: 40%; + margin-left: auto; + margin-right: auto; } - #featured .pennant img + #featured .screenshots .pennant img { width: 100%; object-fit: contain; diff --git a/index.html b/index.html index e52868d..48304c8 100644 --- a/index.html +++ b/index.html @@ -2,6 +2,7 @@ title: QEMU layout: home colorbox: True +bxslider: True --- {% include relative_root.html %} @@ -19,25 +20,9 @@ colorbox: True

What is QEMU?

QEMU is a generic and open source machine emulator and virtualizer.

-
-
-
{% include screenshot.html offset=0 limit=1 %}
-

Full-system
emulation

-

Run operating systems for any machine, on any supported architecture

-
-
-
{% include screenshot.html offset=1 limit=1 %}
-

User-mode
emulation

-

Run programs for another Linux/BSD target, on any supported architecture

-
-
-
{% include screenshot.html offset=2 limit=1 %}
-

Virtualization

-

Run KVM and Xen virtual machines with near native performance

-
-
- {% include screenshot.html offset=3 limit=10 %} -
+
+ {% include screenshot.html %} +
-

QEMU is a member of Software Freedom Conservancy.