From 01ee21dd35cfddb5f0da990e34c1b23bfa331e47 Mon Sep 17 00:00:00 2001 From: Reda Lemeden Date: Wed, 22 Mar 2023 11:10:02 +0100 Subject: [PATCH 1/3] Update landing page layout --- assets/stylesheets/pages/_landing.scss | 74 +++++++++++++++++++++++++ index.md | 77 +++++++++++++------------- 2 files changed, 114 insertions(+), 37 deletions(-) diff --git a/assets/stylesheets/pages/_landing.scss b/assets/stylesheets/pages/_landing.scss index 1822d77fd..b669712ea 100644 --- a/assets/stylesheets/pages/_landing.scss +++ b/assets/stylesheets/pages/_landing.scss @@ -1,3 +1,4 @@ + .why-swift-list { list-style: none; padding-left: 0; @@ -23,7 +24,80 @@ margin-bottom: 0; } } +} + +.link-grid { + ul { + display: grid; + gap: 1rem; + padding: 0; + grid-template-columns: repeat(1, 1fr); + + @media (min-width: 1000px) { + grid-template-columns: repeat(3, 1fr); + } + } + + li { + list-style: none; + padding-left: 0; + + a { + border-radius: var(--border-radius); + border: 1px solid var(--color-text); + color: var(--color-text); + display: block; + padding: .5rem 0; + text-align: center; + + &:hover { + background-color: var(--color-text); + color: var(--color-fill); + text-decoration: none; + } + } + } +} + +.use-cases, .getting-involved { + list-style: none; + display: grid; + gap: 1rem; + padding: 0; + + li { + border: 1px solid var(--color-fill-tertiary); + border-radius: var(--border-radius); + padding: 1rem; + display: flex; + flex-direction: column; + + h3 { + line-height: 1.4; + font-size: 1.4rem; + padding-top: 0; + } + + p { + flex-grow: 1; + color: var(--color-secondary-label); + margin-bottom: 0; + } + } + + .cta-secondary { + margin-top: 1rem; + } +} + +.use-cases { + @media (min-width: 1000px) { + grid-template-columns: repeat(2, 1fr); + } +} +.getting-involved, +.why-swift-list { @media (min-width: 1000px) { grid-template-columns: repeat(3, 1fr); } diff --git a/index.md b/index.md index 46dab7744..3a5b9397d 100644 --- a/index.md +++ b/index.md @@ -8,7 +8,7 @@ atom: true Swift is a general-purpose programming language built using a modern approach to safety, performance, and software design patterns. -
+
- [Latest release: 5.7](/blog/swift-5.7-released) - [Get started](/getting-started) - [Read the docs](/documentation) @@ -43,21 +43,24 @@ Swift is a general-purpose programming language built using a modern approach to ## Use cases -### Apple platforms - -Swift is a powerful and intuitive programming language on macOS, iOS, watchOS, tvOS and beyond. Swift code is safe by design, yet also produces software that is optimized to run lightning-fast. - -
- - [[TODO] Learn more about Swift on Apple platforms](#) -
- -### Server +
    +
  • +

    Apple platforms

    +

    + Swift is a powerful and intuitive programming language on macOS, iOS, watchOS, tvOS and beyond. Swift code is safe by design, yet also produces software that is optimized to run lightning-fast. +

    -Ever dreamed of using the same programming language on both your mobile applications and their server back-ends? Swift's small footprint, quick startup time, and deterministic performance make it specifically suitable for Server applications. + [TODO] Learn more +
    • +
  • +

    Server

    +

    + Ever dreamed of using the same programming language on both your mobile applications and their server back-ends? Swift's small footprint, quick startup time, and deterministic performance make it specifically suitable for Server applications. +

    -
    - - [Learn more about Swift on Server](/server/) -
    + Learn more +
    • +
## Getting involved @@ -65,29 +68,29 @@ Everyone is welcome to contribute to Swift. Contributing doesn’t just mean sub No matter how you want to get involved, we ask that you first learn what’s expected of anyone who participates in the project by reading the [Community Overview](/community/). If you’re contributing code, you should also know how to build and run Swift from the repository, as described in [Source Code](/source-code/). -### Design - -Anyone with a good idea can help shape the future features and direction of the language. To reach the best possible solution to a problem, we discuss and iterate on ideas in a public forum. - -
- - [The Swift Evolution Process](/contributing/#swift-evolution) -
- -### Code - -Swift welcomes developers from all walks of life, with different backgrounds, and with a wide range of experience. A diverse community has more great ideas, more unique perspectives, and produces more great code. - -
- - [Learn more](/contributing/#contributing-code) -
- -### Troubleshoot - -Reporting issues is a great way for anyone to help improve Swift. Nearly as important is triaging those issues to ensure that they are reproducible, small, and unique. - -
- - [Learn more](/contributing/#triaging-bugs) -
+
    +
  • +

    Design

    +

    + Help shape the future of Swift by participating in the Swift evolution process. +

    + Learn More +
    • +
  • +

    Code

    +

    + Contribute to the Swift compiler, standard library, and other core components of the project. +

    + Learn more +
    • +
  • +

    Troubleshoot

    +

    + Help improve the quality of Swift by reporting and triaging bugs. +

    + Learn more +
    • +
## What's new From 1136883d43cc7fd5996232c325c899191b383ff6 Mon Sep 17 00:00:00 2001 From: Reda Lemeden Date: Tue, 28 Mar 2023 12:04:48 +0200 Subject: [PATCH 2/3] Update index.md Co-authored-by: Alexander Sandberg --- index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.md b/index.md index 3a5b9397d..4c73e995f 100644 --- a/index.md +++ b/index.md @@ -74,7 +74,7 @@ No matter how you want to get involved, we ask that you first learn what’s exp

Help shape the future of Swift by participating in the Swift evolution process.

- Learn More + Learn more

  • Code

    From 31f4ffaf08c1c41ded0433786fc3434307d7e2a9 Mon Sep 17 00:00:00 2001 From: Reda Lemeden Date: Tue, 11 Apr 2023 19:44:59 +0200 Subject: [PATCH 3/3] Add icons --- assets/images/landing-page/book.svg | 1 + assets/images/landing-page/hiker.svg | 1 + assets/stylesheets/pages/_landing.scss | 42 ++++++++++++++++++++++++++ index.md | 35 ++++++++++++++++++--- 4 files changed, 74 insertions(+), 5 deletions(-) create mode 100644 assets/images/landing-page/book.svg create mode 100644 assets/images/landing-page/hiker.svg diff --git a/assets/images/landing-page/book.svg b/assets/images/landing-page/book.svg new file mode 100644 index 000000000..6c5d8643a --- /dev/null +++ b/assets/images/landing-page/book.svg @@ -0,0 +1 @@ + diff --git a/assets/images/landing-page/hiker.svg b/assets/images/landing-page/hiker.svg new file mode 100644 index 000000000..72bf26d8f --- /dev/null +++ b/assets/images/landing-page/hiker.svg @@ -0,0 +1 @@ + diff --git a/assets/stylesheets/pages/_landing.scss b/assets/stylesheets/pages/_landing.scss index b669712ea..c081a4c51 100644 --- a/assets/stylesheets/pages/_landing.scss +++ b/assets/stylesheets/pages/_landing.scss @@ -29,6 +29,7 @@ .link-grid { ul { display: grid; + align-items: stretch; gap: 1rem; padding: 0; grid-template-columns: repeat(1, 1fr); @@ -41,6 +42,7 @@ li { list-style: none; padding-left: 0; + display: flex; a { border-radius: var(--border-radius); @@ -49,16 +51,56 @@ display: block; padding: .5rem 0; text-align: center; + flex-grow: 1; + + .flex-container { + display: flex; + flex-direction: column; + height: 100%; + + .latest-release-container { + flex-grow: 1; + display: flex; + align-items: center; + justify-content: center; + } + } &:hover { background-color: var(--color-text); color: var(--color-fill); text-decoration: none; + + img { + filter: invert(1); + } + + .latest-release-container { + span { + border-color: var(--color-fill); + } + } + } + + img { + height: 64px; + width: 64px; + display: block; + margin: 0 auto; } } } } +.latest-release-container { + span { + padding: .2rem .5rem; + border: 2px solid var(--color-text); + font-weight: bold; + border-radius: 4px; + } +} + .use-cases, .getting-involved { list-style: none; display: grid; diff --git a/index.md b/index.md index 4c73e995f..65e43447d 100644 --- a/index.md +++ b/index.md @@ -9,16 +9,41 @@ atom: true Swift is a general-purpose programming language built using a modern approach to safety, performance, and software design patterns.
    - - [Latest release: 5.7](/blog/swift-5.7-released) - - [Get started](/getting-started) - - [Read the docs](/documentation) +
    -## Why Swift? +## why swift?
    • -

      Safe

      +

      safe

      Swift prioritizes safety and clarity, ensuring that code behaves in a safe manner while also promoting clear and concise programming practices.