dev works
This commit is contained in:
@ -477,12 +477,20 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
.mb-2 {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.inline {
|
||||
display: inline;
|
||||
.mb-4 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.mt-4 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.flex {
|
||||
@ -497,40 +505,24 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.w-1\/3 {
|
||||
width: 33.333333%;
|
||||
}
|
||||
|
||||
.w-1\/2 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
|
||||
.grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
.justify-center {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.gap-4 {
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
.gap-8 {
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.border {
|
||||
border-width: 1px;
|
||||
.gap-2 {
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
.border-2 {
|
||||
@ -541,61 +533,39 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
.border-primary-700 {
|
||||
border-color: var(--color-primary-700);
|
||||
.border-b-4 {
|
||||
border-bottom-width: 4px;
|
||||
}
|
||||
|
||||
.border-b-8 {
|
||||
border-bottom-width: 8px;
|
||||
}
|
||||
|
||||
.border-primary-500 {
|
||||
border-color: var(--color-primary-500);
|
||||
}
|
||||
|
||||
.bg-primary-700 {
|
||||
background-color: var(--color-primary-700);
|
||||
}
|
||||
|
||||
.p-8 {
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.p-6 {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.p-12 {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.p-4 {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.pb-4 {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.pb-2 {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.pb-1 {
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.text-4xl {
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.text-2xl {
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.text-3xl {
|
||||
font-size: 1.875rem;
|
||||
line-height: 2.25rem;
|
||||
}
|
||||
|
||||
.text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem;
|
||||
@ -605,25 +575,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.font-bold {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.text-neutral-900 {
|
||||
color: var(--color-neutral-900);
|
||||
}
|
||||
|
||||
.underline {
|
||||
-webkit-text-decoration-line: underline;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.dark .dark\:text-neutral {
|
||||
color: var(--color-neutral);
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.sm\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.md\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
|
||||
112
content/works.md
112
content/works.md
@ -7,41 +7,109 @@ showReadingTime: false
|
||||
type: "raw"
|
||||
---
|
||||
|
||||
<h2 class="text-xl mb-12 pb-2 border-b-2 border-primary-500 inline-block">Realworld Conduit Apps</h2>
|
||||
<h2 class="text-xl mb-8 pb-2 border-b-8 border-primary-500 inline-block">Realworld Conduit Apps</h2>
|
||||
|
||||
<p class="mb-8">
|
||||
LOREM
|
||||
</p>
|
||||
<div class="prose dark:prose-light mb-8">
|
||||
<p>
|
||||
Main purpose of this projects is to have extensive API training on multiple backend languages or framework. It's following the very known <a href="https://github.com/gothinkster/realworld">Conduit project</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid md:grid-cols-2 gap-4">
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/laravel-realworld-example-app" target="_blank" >}}
|
||||
Laravel Realworld
|
||||
{{< /button >}}
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/symfony-realworld-example-app" target="_blank" >}}
|
||||
Symfony Realworld
|
||||
{{< /button >}}
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">ASP.NET Core Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/aspnet-realworld-example-app" target="_blank" >}}
|
||||
ASP.NET Core Realworld
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://aspnetrealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">Spring Boot Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/spring-boot-realworld-example-app" target="_blank" >}}
|
||||
Spring Boot Realworld
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://springbootrealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">NestJS Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/nestjs-realworld-example-app" target="_blank" >}}
|
||||
NestJS Realworld
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://nestjsrealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4">
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">FastAPI Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/fastapi-realworld-example-app" target="_blank" >}}
|
||||
FastAPI Realworld
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://fastapirealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">Laravel Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/laravel-realworld-example-app" target="_blank" >}}
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://laravelrealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded border-2 border-primary-500 p-4 text-center">
|
||||
<h3 class="mb-4 pb-1 font-bold border-b-2 border-primary-500 inline-block">Symfony Realworld</h3>
|
||||
<div class="prose dark:prose-light">
|
||||
<p>
|
||||
Lorem
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex justify-center gap-4 mt-4">
|
||||
{{< button href="https://github.com/adr1enbe4udou1n/symfony-realworld-example-app" target="_blank" >}}
|
||||
{{< icon "github" >}}
|
||||
{{< /button >}}
|
||||
{{< button href="https://symfonyrealworld.okami101.io/api" target="_blank" >}}
|
||||
OpenAPI
|
||||
{{< /button >}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user