format

kokoaespol · Aug 4, 2024 · 9751a76 · 9751a76
1 parent 72444db
commit 9751a76
Show file tree

Hide file tree

Showing 5 changed files with 63 additions and 70 deletions.
diff --git a/src/lib/components/ProjectCard.svelte b/src/lib/components/ProjectCard.svelte
@@ -1,16 +1,17 @@
 <script>
-    import Tag from "./Tag.svelte";
+	import Tag from "./Tag.svelte";
 
-    export const term = '2024-1s';
-    export const name = 'Polipromedios';
-    export const category = 'web';
-    export const description = 'Descripción de un proyecto super genial, muy, muy, muy pero muy genial.';
-    export const authors = ['Person 1', 'Person 2'];
+	export const term = "2024-1s";
+	export const name = "Polipromedios";
+	export const category = "web";
+	export const description =
+		"Descripción de un proyecto super genial, muy, muy, muy pero muy genial.";
+	export const authors = ["Person 1", "Person 2"];
 </script>
 
-<div class="bg-card-color rounded-xl max-w-80 mx-4 p-4">
-    <span class="font-fira text-green font-medium">{term}</span>
-    <h2 class="text-white font-fira text-xl font-medium">{name}</h2>
-    <Tag category={category} />
-    <p class="text-[#dee5f2] font-content">{description}</p>
-</div>
+<div class="mx-4 max-w-80 rounded-xl bg-card-color p-4">
+	<span class="font-fira font-medium text-green">{term}</span>
+	<h2 class="font-fira text-xl font-medium text-white">{name}</h2>
+	<Tag {category} />
+	<p class="font-content text-[#dee5f2]">{description}</p>
+</div>
diff --git a/src/lib/components/Tag.svelte b/src/lib/components/Tag.svelte
@@ -1,7 +1,7 @@
 <script>
-    export const category = 'web';   
+	export const category = "web";
 </script>
 
-<span class="font-fira font-bold px-6 py bg-card-color border-green border rounded-full text-white">
-    {category}
-</span>
+<span class="py rounded-full border border-green bg-card-color px-6 font-fira font-bold text-white">
+	{category}
+</span>
diff --git a/src/lib/data/projects.json b/src/lib/data/projects.json
@@ -1,34 +1,25 @@
 {
-    "projects": [
-        {
-            "term": "2024-1s",
-            "name": "Polipromedios",
-            "category": "web",
-            "description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
-            "authors": [
-                "Person 1",
-                "Person 2"
-            ]
-        },
-        {
-            "term": "2024-1s",
-            "name": "Polipromedios",
-            "category": "web",
-            "description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
-            "authors": [
-                "Person 1",
-                "Person 2"
-            ]
-        },
-        {
-            "term": "2024-1s",
-            "name": "Polipromedios",
-            "category": "web",
-            "description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
-            "authors": [
-                "Person 1",
-                "Person 2"
-            ]
-        }
-    ]
-}
+	"projects": [
+		{
+			"term": "2024-1s",
+			"name": "Polipromedios",
+			"category": "web",
+			"description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
+			"authors": ["Person 1", "Person 2"]
+		},
+		{
+			"term": "2024-1s",
+			"name": "Polipromedios",
+			"category": "web",
+			"description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
+			"authors": ["Person 1", "Person 2"]
+		},
+		{
+			"term": "2024-1s",
+			"name": "Polipromedios",
+			"category": "web",
+			"description": "Descripción de un proyecto super genial, muy, muy, muy pero muy genial.",
+			"authors": ["Person 1", "Person 2"]
+		}
+	]
+}
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
@@ -1,18 +1,19 @@
 <script>
-    import ProjectCard from "$lib/components/ProjectCard.svelte";
-    import { projects } from "$lib/data/projects.json";
-
+	import ProjectCard from "$lib/components/ProjectCard.svelte";
+	import { projects } from "$lib/data/projects.json";
 </script>
 
-<p class="font-content font-medium text-light-blue">Aquí ponemos los proyectos que nos enorgullecen... y lo que hay ¯\_(ツ)_/¯</p>
-<div class="flex flex-row flex-wrap mt-8">
-    {#each projects as project}
-        <ProjectCard
-            term={project.term}
-            name={project.name}
-            category={project.category}
-            description={project.description}
-            authors={project.authors}
-        />
-    {/each}
+<p class="font-content font-medium text-light-blue">
+	Aquí ponemos los proyectos que nos enorgullecen... y lo que hay ¯\_(ツ)_/¯
+</p>
+<div class="mt-8 flex flex-row flex-wrap">
+	{#each projects as project}
+		<ProjectCard
+			term={project.term}
+			name={project.name}
+			category={project.category}
+			description={project.description}
+			authors={project.authors}
+		/>
+	{/each}
 </div>
diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -8,15 +8,15 @@ export default {
 	theme: {
 		extend: {
 			colors: {
-				'light-blue': '#e0ebff',
-				'card-color': '#272626',
-				'green': '#6DD743',
+				"light-blue": "#e0ebff",
+				"card-color": "#272626",
+				green: "#6DD743",
 			},
 			fontFamily: {
-				'content': ["Inter", "sans-serif"],
-				'heading': ["Fira Code", "sans-serif"],
-				'fira': ["Fira Code"],
-			}
+				content: ["Inter", "sans-serif"],
+				heading: ["Fira Code", "sans-serif"],
+				fira: ["Fira Code"],
+			},
 		},
 	},
 	plugins: [forms({ strategy: "class" }), typography],