fix: components styles

braziljs · Oct 16, 2023 · 2c8d6b5 · 2c8d6b5
1 parent 5de55c6
commit 2c8d6b5
Show file tree

Hide file tree

Showing 14 changed files with 124 additions and 41 deletions.
diff --git a/2023/_buildwithastro/astro.config.mjs b/2023/_buildwithastro/astro.config.mjs
@@ -1,4 +1,23 @@
 import { defineConfig } from 'astro/config';
+const productionBuild = import.meta.env.PROD;
 
-// https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+    site: 'https://www.frontinpoa.com.br/',
+    compressHTML: true,
+    // trailingSlash: 'always', // for server
+    output: 'static',
+    vite: {
+        ssrBuild: true,
+        server: {
+            // https://stackoverflow.com/questions/41553291/can-you-import-nodes-path-module-using-import-path-from-path
+            fs: {
+                // Allow serving files from one level up to the project root
+                allow: ['..'],
+            }
+        },
+        ssr: {
+            noExternal: productionBuild ? true : [],
+            external: [],
+        }
+    }
+});
diff --git a/2023/_buildwithastro/package-lock.json b/2023/_buildwithastro/package-lock.json
diff --git a/2023/_buildwithastro/package.json b/2023/_buildwithastro/package.json
@@ -13,6 +13,6 @@
     "astro": "^3.1.0"
   },
   "devDependencies": {
-    "sass": "^1.67.0"
+    "sass": "1.64.0"
   }
 }
diff --git a/2023/_buildwithastro/src/components/About.astro b/2023/_buildwithastro/src/components/About.astro
@@ -34,7 +34,14 @@ const c4pURL = 'https://forms.gle/1ARUc7nHxkyXsdZ58';
     </div>
 </section>
 
-<style>
+<style lang="scss">
+    @import "../styles/helpers";
+    @import "../styles/settings";
+    @import "../styles/core/normalize";
+    @import "../styles/core/layout";
+    @import "../styles/partials/_sections.scss";
+    @import "../styles/partials/_section_about.scss";
+
     .about-text p {
         text-align: center;
     }

diff --git a/2023/_buildwithastro/src/components/Footer.astro b/2023/_buildwithastro/src/components/Footer.astro
@@ -20,3 +20,11 @@
         </div>
     </div>
 </div>
+
+<style lang="scss">
+@import "../styles/helpers";
+@import "../styles/settings";
+@import "../styles/core/normalize";
+@import "../styles/core/layout";
+@import "../styles/partials/footer";
+</style>
diff --git a/2023/_buildwithastro/src/components/Hero.astro b/2023/_buildwithastro/src/components/Hero.astro
@@ -34,7 +34,8 @@ const c4pURL = 'https://forms.gle/1ARUc7nHxkyXsdZ58';
                 </span>
             </a>
 
-            <!-- <div style="margin-top: 25px;">
+            <!--
+            <div style="margin-top: 25px;">
                 <a
                     href={c4pURL}
                     class="header-call-action-link call-action-link send-your-talk"
@@ -44,9 +45,16 @@ const c4pURL = 'https://forms.gle/1ARUc7nHxkyXsdZ58';
                         Envia tua palestra
                     </span>
                 </a>
-            </div> -->
+            </div>
+            -->
         </div>
     </div>
 </header>
 
-<style></style>
+<style lang="scss">
+    @import "../styles/helpers";
+    @import "../styles/settings";
+    @import "../styles/core/normalize";
+    @import "../styles/core/layout";
+    @import "../styles/partials/_header.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Location.astro b/2023/_buildwithastro/src/components/Location.astro
@@ -72,3 +72,11 @@
         data-address="Rua Mal. José Inácio da Silva, 355 | Bairro Passo D'Areia | Porto Alegre">
     </div>
 </section>
+
+<style lang="scss">
+    @import "../styles/helpers";
+    @import "../styles/settings";
+    @import "../styles/core/normalize";
+    @import "../styles/core/layout";
+    @import "../styles/partials/_section_location.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Navigation.astro b/2023/_buildwithastro/src/components/Navigation.astro
@@ -138,3 +138,10 @@
 	   -->
 	</nav>
 </div>
+<style lang="scss">
+    @import "../styles/helpers";
+    @import "../styles/settings";
+    @import "../styles/core/normalize";
+    @import "../styles/core/layout";
+    @import "../styles/partials/_nav.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Organizers.astro b/2023/_buildwithastro/src/components/Organizers.astro
@@ -57,3 +57,10 @@
         </ul>
     </div>
 </section>
+<style lang="scss">
+    @import "../styles/helpers";
+    @import "../styles/settings";
+    @import "../styles/core/normalize";
+    @import "../styles/core/layout";
+    @import "../styles/partials/_section_organizers.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Schedule.astro b/2023/_buildwithastro/src/components/Schedule.astro
@@ -152,3 +152,11 @@
         </ul>
     </div>
 </section>
+<style lang="scss">
+  @import "../styles/helpers";
+  @import "../styles/settings";
+  @import "../styles/core/normalize";
+  @import "../styles/core/layout";
+  @import "../styles/partials/_sections.scss";
+  @import "../styles/partials/_section_schedule.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Speakers.astro b/2023/_buildwithastro/src/components/Speakers.astro
@@ -237,3 +237,11 @@
         </ul>
     </div>
 </section>
+<style lang="scss">
+  @import "../styles/helpers";
+  @import "../styles/settings";
+  @import "../styles/core/normalize";
+  @import "../styles/core/layout";
+  @import "../styles/partials/_sections.scss";
+  @import "../styles/partials/_section_speakers.scss";
+</style>
diff --git a/2023/_buildwithastro/src/components/Supporters.astro b/2023/_buildwithastro/src/components/Supporters.astro
@@ -8,44 +8,41 @@
                     href="https://www.azion.com/pt-br/"
                     class="partner-link"
                     itemprop="url"
-                    target="_blank"
-                >
+                    target="_blank">
+
                     <img
                         src="images/patros/azion-logo.png"
                         alt="Azion Technologies"
                         class="partner-logo"
-                        itemprop="image"
-                    />
+                        itemprop="image" />
                 </a>
             </li>
             <li class="partner-item" itemtype="http://schema.org/Organization">
                 <a
                     href="https://www.braziljs.org/"
                     class="partner-link"
                     itemprop="url"
-                    target="_blank"
-                >
+                    target="_blank">
+
                     <img
                         src="images/patros/logo-braziljs.png"
                         alt="BrazilJS"
                         class="partner-logo"
-                        itemprop="image"
-                    />
+                        itemprop="image" />
                 </a>
             </li>
             <li class="partner-item" itemtype="http://schema.org/Organization">
                 <a
-                    href="https://www.braziljs.org/"
+                    href="https://faculdadedombosco.net/pt/"
                     class="partner-link"
                     itemprop="url"
-                    target="_blank"
-                >
+                    target="_blank">
+
                     <img
                         src="images/patros/faculdade-dom-bosco-black.svg"
                         alt="Faculdade Dom Bosco"
                         class="partner-logo"
-                        itemprop="image"
-                    />
+                        itemprop="image" />
                 </a>
             </li>
         </ul>
@@ -132,3 +129,11 @@
           -->
     <!-- end of BrazilJS snippet -->
 </section>
+<style lang="scss">
+  @import "../styles/helpers";
+  @import "../styles/settings";
+  @import "../styles/core/normalize";
+  @import "../styles/core/layout";
+  @import "../styles/partials/_sections.scss";
+  @import "../styles/partials/_section_sponsors.scss";
+</style>
diff --git a/2023/_buildwithastro/src/pages/index.astro b/2023/_buildwithastro/src/pages/index.astro
@@ -8,25 +8,22 @@ import Schedule from '../components/Schedule.astro';
 import Footer from '../components/Footer.astro';
 import Location from '../components/Location.astro';
 import Supporters from '../components/Supporters.astro';
-
-const ingressURL = 'https://www.sympla.com.br/evento/frontinpoa-2023/2208504';
-const callforpapers = 'https://forms.gle/1ARUc7nHxkyXsdZ58';
 ---
 
 <Layout title="Front In Poa 2023">
-  <Hero />
   <main>
+    <Hero />
     <Navigation />
     <About />
     <Speakers />
     <Schedule />
     <Location />
     <Supporters />
+    <Footer />
   </main>
-  <Footer />
-  <script async src="/scripts/main.js"></script>
+  <script is:inline src="/scripts/main.js"></script>
 </Layout>
 
 <style lang="scss">
-  @import "../styles/main.scss";
-</style>
+
+</style>
diff --git a/2023/_buildwithastro/src/styles/partials/_sections.scss b/2023/_buildwithastro/src/styles/partials/_sections.scss
@@ -12,6 +12,7 @@
   padding-bottom: rem(10px);
   font-weight: 100;
   position: relative;
+
   @media screen and (min-width:$minor-viewport) {
     font-size: rem(70px);
     letter-spacing: rem(-3px);
@@ -22,12 +23,12 @@
   font-weight: 700;
 }
 
-@import "section_collaborate";
-@import "section_about";
-@import "section_speakers";
-@import "section_specialists";
-@import "section_presenter";
-@import "section_schedule";
-@import "section_location";
-@import "section_organizers";
-@import "section_sponsors";
+// @import "section_collaborate";
+// @import "section_about";
+// @import "section_speakers";
+// @import "section_specialists";
+// @import "section_presenter";
+// @import "section_schedule";
+// @import "section_location";
+// @import "section_organizers";
+// @import "section_sponsors";