-
-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Add components for first section of main site * Fix styling of title and caption * Get main callout buttons working * Style the main page callouts on mobile * Style the code demo * Get start of main page working on mobile and in color modes and spilt out into own page * Get used by logos working * Fix spacing * Add Mastodon Link to site * Add rel links to social accounts * Add cards * Get Vapor cards working * Get next section looking OK * Correct styling of code examples * Don't try and connect to STS if in testing * Sort out code examples styling * Create some components and add details to code examples * Make code error block responsive * Make code blocks outline decoration responsive * Major changes * Should be done * Add some pics and adjust stuff * Update CI with correct S3 api rules * Update highlight.js * Update CI * Update CI * Update CI * Update CI... * Add scrolling navbar and fix some colors * Update ci.yaml (#108) * Gwynne is very slow on the uptake * Fix some (though not all) issues * Tighten up spacing * Use SASS variable for colour * Update webpack config * Update CI * Try using different S3 workflow * Update CI * Use relative paths * Update webpack config * Update CI * Update CI * Update CI and webpack config * Update background compat --------- Co-authored-by: Tim <0xtimc@gmail.com> Co-authored-by: Tim Condon <0xTim@users.noreply.github.com> Co-authored-by: Gwynne Raskind <gwynne@vapor.codes>
- Loading branch information
4 people
committed
May 13, 2024
1 parent
9a62b3a
commit 76e0153
Showing
54 changed files
with
2,094 additions
and
947 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| import Plot | ||
| import Publish | ||
|
|
||
| public struct CompanyCard: Component { | ||
| let name: String | ||
| let url: String | ||
| let logo: String | ||
|
|
||
| public init(name: String, url: String, logo: String) { | ||
| self.name = name | ||
| self.url = url | ||
| self.logo = logo | ||
| } | ||
|
|
||
| public var body: Component { | ||
| Div { | ||
| Link(url: url) { | ||
| Span().class("used-by-icon \(logo)").attribute(named: "title", value: name) | ||
| }.class("used-by-logo") | ||
| }.class("used-by-item") | ||
| } | ||
| } |
40 changes: 40 additions & 0 deletions
40
Sources/VaporDesign/Components/MainSite/FeatureContainer.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| import Plot | ||
| import Publish | ||
|
|
||
| public struct FeatureContainer: Component { | ||
| let title: String | ||
| let description: String | ||
| let url: String | ||
| let icon: String? | ||
| let iconString: String? | ||
|
|
||
| public init(title: String, description: String, url: String, icon: String? = nil, iconString: String? = nil) { | ||
| self.title = title | ||
| self.description = description | ||
| self.url = url | ||
| self.icon = icon | ||
| self.iconString = iconString | ||
| } | ||
|
|
||
| public var body: Component { | ||
| Div { | ||
| Div { | ||
| if let icon = icon { | ||
| Span().class("vapor-icon \(icon)") | ||
| } else if let iconString = iconString { | ||
| Span(iconString) | ||
| } | ||
| H2(title) | ||
| Paragraph { | ||
| Text(description) | ||
| } | ||
| Button { | ||
| Link(url: "https://docs.vapor.codes/") { | ||
| Text("Get Started") | ||
| Span().class("vapor-icon icon-chevron-right") | ||
| }.linkTarget(.blank) | ||
| }.class("btn btn-primary w-mobile-100") | ||
| }.class("code-example-explainer") | ||
| }.class("col order-2 order-lg-1 g-lg-0") | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import Plot | ||
| import Publish | ||
|
|
||
| public struct PackageCard: Component { | ||
| public let title: String | ||
| public let description: String | ||
| public let icon: String | ||
| public let url: String | ||
|
|
||
| public init(title: String, description: String, icon: String, url: String) { | ||
| self.title = title | ||
| self.description = description | ||
| self.icon = icon | ||
| self.url = url | ||
| } | ||
|
|
||
| public var body: Component { | ||
| Div { | ||
| Div { | ||
| Span().class("vapor-icon feature-card-icon icon-\(icon)") | ||
| H3(title).class("card-title") | ||
| Paragraph(description).class("card-text") | ||
| Link(url: url) { | ||
| Text("Learn More") | ||
| Span().class("vapor-icon icon-chevron-right") | ||
| }.linkTarget(.blank).class("learn-more-link") | ||
| } | ||
| }.class("card h-100 vapor-feature-card") | ||
| } | ||
| } |
32 changes: 32 additions & 0 deletions
32
Sources/VaporDesign/Components/MainSite/ShowcaseCard.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| import Plot | ||
| import Publish | ||
|
|
||
| public struct ShowcaseCard: Component { | ||
| let name: String | ||
| let url: String | ||
| let image: String | ||
| let description: String | ||
|
|
||
| public init(name: String, url: String, image: String, description: String) { | ||
| self.name = name | ||
| self.url = url | ||
| self.image = image | ||
| self.description = description | ||
| } | ||
|
|
||
| public var body: Component { | ||
| Div { | ||
| Image(url: image, description: "\(name) Card").class("card-img-top") | ||
| Div { | ||
| H5(name).class("card-title") | ||
| Paragraph(description).class("card-text") | ||
| Link(url: url) { | ||
| Text("See it in action") | ||
| Span("").class("vapor-icon icon-arrow-narrow-up-right") | ||
| }.class("btn btn-primary mt-auto") | ||
| }.class("card-body d-flex flex-column") | ||
| }.class("card") | ||
| .style("width: 18rem;") | ||
| .id("\(name.lowercased().replacingOccurrences(of: " ", with: "-"))-card") | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| import Plot | ||
| import Publish | ||
|
|
||
| public struct SponsorCard: Component { | ||
| let name: String | ||
| let url: String | ||
| let logo: String | ||
| let description: String | ||
|
|
||
| public init(name: String, url: String, logo: String, description: String) { | ||
| self.name = name | ||
| self.url = url | ||
| self.logo = logo | ||
| self.description = description | ||
| } | ||
|
|
||
| public var body: Component { | ||
| Div { | ||
| Div { | ||
| Image(url: logo, description: name).class("card-img-top") | ||
| H5(name).class("card-title") | ||
| Paragraph(description).class("card-text") | ||
| Link(url: url) { | ||
| Text("Learn More") | ||
| Span().class("vapor-icon icon-chevron-right") | ||
| }.linkTarget(.blank).class("learn-more-link mt-auto") | ||
| }.class("card-body d-flex flex-column") | ||
| }.class("card") | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.