diff --git a/Pages/Components/Icons/_BirdIcon.cshtml b/Pages/Components/Icons/_BirdIcon.cshtml new file mode 100644 index 0000000..3ab818e --- /dev/null +++ b/Pages/Components/Icons/_BirdIcon.cshtml @@ -0,0 +1,11 @@ +@{ + var size = ViewData["size"]; + var fill = ViewData["fill"]; +} + + + + + diff --git a/Pages/Components/Icons/_GlassIcon.cshtml b/Pages/Components/Icons/_GlassIcon.cshtml new file mode 100644 index 0000000..3810697 --- /dev/null +++ b/Pages/Components/Icons/_GlassIcon.cshtml @@ -0,0 +1,12 @@ +@{ + var size = ViewData["size"]; + var fill = ViewData["fill"]; +} + + + + + + diff --git a/Pages/Components/_Badge.cshtml b/Pages/Components/_Badge.cshtml new file mode 100644 index 0000000..923cc26 --- /dev/null +++ b/Pages/Components/_Badge.cshtml @@ -0,0 +1,7 @@ +@{ + var text = ViewData["text"]; +} + + diff --git a/Pages/Components/_InlineDefinition.cshtml b/Pages/Components/_InlineDefinition.cshtml new file mode 100644 index 0000000..9ac1af6 --- /dev/null +++ b/Pages/Components/_InlineDefinition.cshtml @@ -0,0 +1,4 @@ +
+ Polola + Otra palabra para decir enamorado/a +
diff --git a/Pages/Components/_Navbar.cshtml b/Pages/Components/_Navbar.cshtml new file mode 100644 index 0000000..2cb419a --- /dev/null +++ b/Pages/Components/_Navbar.cshtml @@ -0,0 +1,43 @@ + diff --git a/Pages/Index.cshtml b/Pages/Index.cshtml index e0bd995..926bf0a 100644 --- a/Pages/Index.cshtml +++ b/Pages/Index.cshtml @@ -4,11 +4,20 @@ ViewData["Title"] = "Home page"; } -
-

Welcome

-

Learn about - - building Web apps with ASP.NET Core - . -

+@Html.Partial("/Pages/Components/_Navbar.cshtml") + +
+
+ Jerguero +
+
+ + Agregá una nueva definición + +
+ @Html.Partial("./_Post.cshtml") + @Html.Partial("./_Post.cshtml") + @Html.Partial("./_Post.cshtml") + @Html.Partial("./_Post.cshtml") +
diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml index 94f7057..d93ec19 100644 --- a/Pages/Shared/_Layout.cshtml +++ b/Pages/Shared/_Layout.cshtml @@ -1,13 +1,23 @@  - + - @ViewData["Title"] - csharp + @ViewData["Title"] - Jerguero + + + + + + + + + diff --git a/Pages/_Post.cshtml b/Pages/_Post.cshtml new file mode 100644 index 0000000..005fd97 --- /dev/null +++ b/Pages/_Post.cshtml @@ -0,0 +1,40 @@ +
+
+
+ +

+ Pedro pedro pedro +

+ +
+ 🇦🇷 +
+
+
+ @Html.Partial("./Components/_Badge.cshtml", new ViewDataDictionary(ViewData) { + {"text", "Amor"} + }) + @Html.Partial("./Components/_Badge.cshtml", new ViewDataDictionary(ViewData) { + {"text", "Relaciones"} + }) +
+

+ Pedro pe +

+
+
+
+ + Pablito + + · + 05/12/2022 +
+
+ +   + +
+
+
+
\ No newline at end of file diff --git a/csharp.csproj b/csharp.csproj index 1b28a01..32d1963 100644 --- a/csharp.csproj +++ b/csharp.csproj @@ -6,4 +6,8 @@ enable + + + + diff --git a/tailwind.config.js b/tailwind.config.js index 06210fd..e11ed43 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,9 +1,45 @@ /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./Pages/**/*.cshtml"], - theme: { - extend: {}, + corePlugins: { + container: false }, - plugins: [], + theme: { + extend: { + fontFamily: { + 'serif': ["serif"], + }, + colors: { + "c-primary": "var(--c-primary)", + "c-on-primary": "var(--c-on-primary)", + "c-bg": "var(--c-bg)", + "c-bg-2": "var(--c-bg-2)", + "c-on-bg": "var(--c-on-bg)", + "c-primary": "var(--c-primary)", + }, + }, + }, + plugins: [ + function ({ addComponents }) { + addComponents({ + '.container': { + maxWidth: '95%', + margin: "auto", + '@screen sm': { + maxWidth: '640px', + }, + '@screen md': { + maxWidth: '768px', + }, + '@screen lg': { + maxWidth: '1024px', + }, + '@screen xl': { + maxWidth: '1280px', + }, + } + }) + } + ], } diff --git a/wwwroot/css/tailwind-input.css b/wwwroot/css/tailwind-input.css index b5c61c9..1078454 100644 --- a/wwwroot/css/tailwind-input.css +++ b/wwwroot/css/tailwind-input.css @@ -1,3 +1,38 @@ @tailwind base; @tailwind components; @tailwind utilities; + +:root { + --c-primary: #0ea5e9; + --c-on-primary: white; + + +} + +:root { + --c-bg: #ecfeff; + --c-on-bg: black; + + --c-bg-2: white; +} + +@media (prefers-color-scheme: dark) { + :root { + --c-bg: #0a0a0a; + --c-on-bg: white; + + --c-bg-2: #0f1c25; + } +} + +html { + background-color: var(--c-bg); + color: var(--c-on-bg); + font-family: "Radio Canada Big", sans-serif; + font-optical-sizing: auto; +} + +/* htmx: data-loading extension */ +[data-loading] { + display: none; +}