fix(website): 🐛 fixed website links

This should make the website ready for deployment!
framesurge · Oct 7, 2021 · 54de491 · 54de491
1 parent 25959d7
commit 54de491
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/website/website/index.html b/website/website/index.html
@@ -3,8 +3,8 @@
     <head>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link rel="stylesheet" href="/.perseus/static/tailwind.css" />
-        <link rel="stylesheet" href="/.perseus/static/styles/style.css" />
+        <link rel="stylesheet" href=".perseus/static/tailwind.css" />
+        <link rel="stylesheet" href=".perseus/static/styles/style.css" />
     </head>
     <body class="bg-white dark:bg-navy">
         <div id="root"></div>

diff --git a/website/website/src/templates/docs/template.rs b/website/website/src/templates/docs/template.rs
@@ -43,7 +43,8 @@ pub fn docs_page(props: DocsPageProps) -> SycamoreTemplate<G> {
         })
         // Because of how Perseus currently shifts everything, we need to re-highlight
         // And if the user starts on a page with nothing, they'll see no highlighting on any other pages, so we rerun every time the URL changes
-        script(src = "/.perseus/static/prism.js", defer = true)
+        // This will be relative to the base URI
+        script(src = ".perseus/static/prism.js", defer = true)
         script {
             "window.Prism.highlightAll();"
         }
@@ -63,9 +64,9 @@ pub fn get_template<G: GenericNode>() -> Template<G> {
             let props: DocsPageProps = serde_json::from_str(&props.unwrap()).unwrap();
             template! {
                 title { (format!("{} | {}", props.title, t!("docs-title-base"))) }
-                link(rel = "stylesheet", href = "/.perseus/static/styles/markdown.css")
-                link(rel = "stylesheet", href = "/.perseus/static/styles/docs_links_markdown.css")
-                link(rel = "stylesheet", href = "/.perseus/static/prism.css")
+                link(rel = "stylesheet", href = ".perseus/static/styles/markdown.css")
+                link(rel = "stylesheet", href = ".perseus/static/styles/docs_links_markdown.css")
+                link(rel = "stylesheet", href = ".perseus/static/prism.css")
             }
         }))
 }
diff --git a/website/website/src/templates/index.rs b/website/website/src/templates/index.rs
@@ -15,7 +15,7 @@ pub fn index_page() -> SycamoreTemplate<G> {
                 // Splash page
                 div(
                     class = "bg-cover h-full flex justify-center items-center text-center dark:text-white",
-                    style = "background-image: url(\"/.perseus/static/svg/splash_page_bg.svg\"), url(\"/.perseus/static/svg/polygon_scatter.svg\");"
+                    style = "background-image: url(\".perseus/static/svg/splash_page_bg.svg\"), url(\".perseus/static/svg/polygon_scatter.svg\");"
                 ) {
                     div {
                         p(class = "text-7xl xs:text-8xl sm:text-9xl p-2 font-extrabold") { (t!("perseus")) }
@@ -41,7 +41,7 @@ pub fn index_page() -> SycamoreTemplate<G> {
                 }
                 div(
                     class = "bg-cover py-4 text-white",
-                    style = "background-image: url(\"/.perseus/static/svg/stacked_waves.svg\");"
+                    style = "background-image: url(\".perseus/static/svg/stacked_waves.svg\");"
                 ) {
                     // Brief description
                     div(class = "flex justify-center text-center text-lg w-full") {
@@ -102,7 +102,7 @@ pub fn index_page() -> SycamoreTemplate<G> {
                 // Second CTA
                 div(
                     class = "pb-24 flex flex-col justify-center text-white",
-                    style = "background: url(\"/.perseus/static/svg/cta_bg.svg\");background-size:cover;"
+                    style = "background: url(\".perseus/static/svg/cta_bg.svg\");background-size:cover;"
                 ) {
                     div(class = "text-3xl 2xs:text-4xl xs:text-5xl sm:text-6xl p-2 font-extrabold text-center") {
                         p { (t!("index-cta.first")) }