diff --git a/nationtech-io/README.md b/nationtech-io/README.md index e85b41b..ad41ae4 100644 --- a/nationtech-io/README.md +++ b/nationtech-io/README.md @@ -1,68 +1,10 @@ - - - Leptos Logo - +# Run the project +```bash +rustup update +rustup default nightly +cargo install cargo-leptos +cargo leptos watch -# Leptos Starter Template - -This is a template for use with the [Leptos](https://github.com/leptos-rs/leptos) web framework and the [cargo-leptos](https://github.com/akesson/cargo-leptos) tool. - -## Creating your template repo - -If you don't have `cargo-leptos` installed you can install it with - -`cargo install cargo-leptos` - -Then run - -`cargo leptos new --git leptos-rs/start` - -to generate a new project template (you will be prompted to enter a project name). - -`cd {projectname}` - -to go to your newly created project. - -Of course, you should explore around the project structure, but the best place to start with your application code is in `src/app.rs`. - -## Running your project - -`cargo leptos watch` -By default, you can access your local project at `http://localhost:3000` - -## Installing Additional Tools - -By default, `cargo-leptos` uses `nightly` Rust, `cargo-generate`, and `sass`. If you run into any trouble, you may need to install one or more of these tools. - -1. `rustup toolchain install nightly --allow-downgrade` - make sure you have Rust nightly -2. `rustup target add wasm32-unknown-unknown` - add the ability to compile Rust to WebAssembly -3. `cargo install cargo-generate` - install `cargo-generate` binary (should be installed automatically in future) -4. `npm install -g sass` - install `dart-sass` (should be optional in future) - -## Executing a Server on a Remote Machine Without the Toolchain -After running a `cargo leptos build --release` the minimum files needed are: - -1. The server binary located in `target/server/release` -2. The `site` directory and all files within located in `target/site` - -Copy these files to your remote server. The directory structure should be: -```text -leptos_start -site/ +# To be accessible on LAN +LEPTOS_SITE_ADDR=0.0.0.0:3000 cargo leptos watch ``` -Set the following environment variables (updating for your project as needed): -```sh -export LEPTOS_OUTPUT_NAME="leptos_start" -export LEPTOS_SITE_ROOT="site" -export LEPTOS_SITE_PKG_DIR="pkg" -export LEPTOS_SITE_ADDR="127.0.0.1:3000" -export LEPTOS_RELOAD_PORT="3001" -``` -Finally, run the server binary. - -## Notes about CSR and Trunk: -Although it is not recommended, you can also run your project without server integration using the feature `csr` and `trunk serve`: - -`trunk serve --open --features csr` - -This may be useful for integrating external tools which require a static site, e.g. `tauri`. diff --git a/nationtech-io/src/pages/home_page.rs b/nationtech-io/src/pages/home_page.rs index c9b36af..28ad6a9 100644 --- a/nationtech-io/src/pages/home_page.rs +++ b/nationtech-io/src/pages/home_page.rs @@ -4,13 +4,22 @@ use leptos::*; pub fn HomePage() -> impl IntoView { // Creates a reactive value to update the button view! { -

"SREEZ" -
- "Site Reliability Engineering for Everyone, eZ" -

- SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E -

"Spend your time developping your features, we take care of the infrastructure."

-
+
+ SREEZ mascot. Yes it is text-to-image generated by GPT4/DALL·E +
+

"SREEZ" +
+ "Site Reliability Engineering for Everyone, eZ" +

+

+ "Stay focused"
+ "on your features,"
+ "we take care"
+ "of the infrastructure." +

+
+
+

"24/7 support"

    @@ -22,18 +31,18 @@ pub fn HomePage() -> impl IntoView {

    "Batteries included"

      -
    • "OKD : RedHat Openshift community edition included"
      • -
    • "Kubeapps : Install hundreds of apps, databases, productivity tools in a few clicks"
      • -
    • "CI/CD Pipeline : Gitea, Gitlab, Jenkins, ArgoCD"
      • -
    • "AI Tools : Open source LLM, Kubeflow, Jupyter Notebooks, NVidia GPUs"
      • +
    • "Managed Orchestrator : RedHat OpenShift Community (OKD) cluster"
      • +
    • "Marketplace : Easily install hundreds of apps, databases, productivity tools at no additional cost"
      • +
    • "CI/CD Pipeline : Source Control, Continuous Integration, Test Automation, Static Analysis, Continuous Delivery"
      • +
    • "AI Tools : Open source LLMs, Model Management and Deployment, Jupyter Notebooks, NVidia GPUs"

    "Free as a byte"

    • "No vendor lock-in, only open source tools"
      • -
    • "Install commercial software based on your specific needs only"
      • -
    • "Run anywhere : NationTech Network, on premise, public cloud, private cloud"
      • +
    • "Install any software based on your specific needs only"
      • +
    • "Run anywhere : NationTech Network, Bare Metal, Virtual Machines, Public Cloud, Private Cloud"
@@ -43,10 +52,11 @@ pub fn HomePage() -> impl IntoView {

  1. "Fork a template repo"

  2. "Create an account"

    3. -

  3. "View the result"

    4. +

  4. "Push a modification"

    5. +

  5. "Enjoy life in production"

-
+

"Base package - Self Managed"

    @@ -61,12 +71,12 @@ pub fn HomePage() -> impl IntoView {
  • "32 CPU Cores"
  • "2 TB General Purpose Distributed Storage"
+

"1 055 CAD / Month"

"10 555 CAD / Year"

"Startup Package - SRE as a Service"

-

"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"

  • "Everything in lower package, plus"
  • "Unlimited Kubernetes namespaces - Auto-Healing, Auto-Scaling, Fully Managed"
    • @@ -79,6 +89,8 @@ pub fn HomePage() -> impl IntoView {
  • "2 hours per month complimentary consulting with our SRE team"
  • "Access to direct messaging with 4 hour SLA 24/7"
+
+

"For those who have modest needs but want to benefit from the best SRE tools and teams in the industry"

"5 555 CAD / Month"

"55 555 CAD / Year"

@@ -94,7 +106,10 @@ pub fn HomePage() -> impl IntoView {
  • "500 CPU Cores"
  • "1 200 TB General Purpose Distributed Storage"
    • -

    "At this point, we can customize our offering around this base package. Let us know what you need. We can deliver, fast. 2 clusters available within 3 days, 1 month lead time for more clusters."

    +
    +

    "We can customize our offering around this base package. Let us know what you need."

    +

    "We can deliver, fast : 2 clusters available within 3 days."

    +

    "1 month lead time for more clusters."

    "55 555 CAD / Month"

    "555 555 CAD / Year"

    diff --git a/nationtech-io/style/main.scss b/nationtech-io/style/main.scss index cba3350..181389d 100644 --- a/nationtech-io/style/main.scss +++ b/nationtech-io/style/main.scss @@ -5,20 +5,56 @@ body { } -h1 { +.font-size-4xl { font-size: 3rem; - .subtitle { - font-size: 2rem; - } +} + +.font-size-xl { + font-size: 1.5rem; +} + +.color-gray { + color: gray } ol { list-style-type: decimal; } -.card-list { +.row { display: flex; flex-direction: row; +} + +.column { + display: flex; + flex-direction: column; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.margin-x-1 { + margin-left: 1rem; + margin-right: 1rem; +} + +.margin-y-4 { + margin-top: 4rem; + margin-bottom: 4rem; +} + +.margin-x-3 { + margin-left: 3rem; + margin-right: 3rem; +} + +.card-list { text-align: left; justify-content: center; .card { @@ -26,6 +62,12 @@ ol { border: solid 3px black; border-radius: 20px; margin: 30px; + display: flex; + flex-direction: column; + + .spacer { + flex-grow: 1; + } h3 { text-align: center; @@ -76,3 +118,7 @@ ol.huge-list-markers li{ .font-bold { font-weight: 800; } + +.max-width-400 { + max-width: 400px; +}