move some styling into SimpleLayout.razor
All checks were successful
build / build (push) Successful in 40s
All checks were successful
build / build (push) Successful in 40s
This commit is contained in:
parent
d244292ef8
commit
5450522e37
GPG key ID:
68C99FA84079021D
4 changed files with 109 additions and 128 deletions
|
|
@ -1,13 +1,26 @@
|
|||
@inherits LayoutComponentBase
|
||||
|
||||
<div class="page">
|
||||
<main>
|
||||
<article class="content px-4">
|
||||
@Body
|
||||
</article>
|
||||
</main>
|
||||
<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
|
||||
<svg
|
||||
viewBox="0 0 1080 957"
|
||||
fill="none"
|
||||
aria-hidden="true"
|
||||
class="absolute inset-0 h-full w-full"
|
||||
preserveAspectRatio="xMinYMid slice">
|
||||
<path fill="#2e3440" d="M0 0h1080v957H0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<main>
|
||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
||||
<div class="mx-auto max-w-xl lg:mx-0">
|
||||
<article>
|
||||
@Body
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<div id="blazor-error-ui">
|
||||
An unhandled error has occurred.
|
||||
<a href="" class="reload">Reload</a>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,9 @@
|
|||
.page {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.top-row {
|
||||
|
|
|
|||
|
|
@ -4,57 +4,42 @@
|
|||
|
||||
<PageTitle>Attributions</PageTitle>
|
||||
|
||||
<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
|
||||
<svg
|
||||
viewBox="0 0 1080 957"
|
||||
fill="none"
|
||||
aria-hidden="true"
|
||||
class="absolute inset-0 h-full w-full"
|
||||
preserveAspectRatio="xMinYMid slice">
|
||||
<path fill="#2e3440" d="M0 0h1080v957H0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h1 class="mt-4 text-4xl md:text-5xl lg:text-6xl font-extrabold text-[2rem] leading-10 tracking-tighter">
|
||||
Attributions
|
||||
</h1>
|
||||
|
||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
||||
<div class="mx-auto max-w-xl lg:mx-0">
|
||||
<h1 class="mt-4 text-4xl md:text-5xl lg:text-6xl font-extrabold text-[2rem] leading-10 tracking-tighter">
|
||||
Attributions
|
||||
</h1>
|
||||
<p class="mt-4 text-base text-slate-900">
|
||||
The source code for this website is available on
|
||||
<a href="https://www.git.nseguin.dev/nseguin/website" class="text-blue-600">Forgejo (git.nseguin.dev).</a>
|
||||
</p>
|
||||
|
||||
<p class="mt-4 text-base text-slate-900">
|
||||
The source code for this website is available on
|
||||
<a href="https://www.git.nseguin.dev/nseguin/website" class="text-blue-600">Forgejo (git.nseguin.dev).</a>
|
||||
</p>
|
||||
<p class="mt-4 text-base text-slate-900">
|
||||
It is licensed under the <a href="@LicenseUrl" class="text-blue-600">MIT License</a>.
|
||||
</p>
|
||||
|
||||
<p class="mt-4 text-base text-slate-900">
|
||||
It is licensed under the <a href="@LicenseUrl" class="text-blue-600">MIT License</a>.
|
||||
</p>
|
||||
|
||||
<ul class="list-disc mt-4 text-base leading-7 text-slate-900">
|
||||
@if (AttributionsList != null)
|
||||
{
|
||||
@foreach (var attribution in AttributionsList)
|
||||
<ul class="list-disc mt-4 text-base leading-7 text-slate-900">
|
||||
@if (AttributionsList != null)
|
||||
{
|
||||
@foreach (var attribution in AttributionsList)
|
||||
{
|
||||
<li class="mt-4" key="@attribution.Name">
|
||||
<h2 class="text-lg font-bold">@attribution.Name</h2>
|
||||
@if (!string.IsNullOrWhiteSpace(attribution.Url?.ToString()))
|
||||
{
|
||||
<li class="mt-4" key="@attribution.Name">
|
||||
<h2 class="text-lg font-bold">@attribution.Name</h2>
|
||||
@if (!string.IsNullOrWhiteSpace(attribution.Url?.ToString()))
|
||||
{
|
||||
<p class="mt-2">URL: <a href="@attribution.Url.ToString()" class="text-blue-600">@attribution.Url</a></p>
|
||||
}
|
||||
@if (attribution.Authors?.Any() ?? false)
|
||||
{
|
||||
<p class="mt-2">Author(s): @string.Join(", ", attribution.Authors)</p>
|
||||
}
|
||||
@if (!string.IsNullOrWhiteSpace(attribution.License))
|
||||
{
|
||||
<p class="mt-2">License: <a href="@attribution.LicenseUrl?.ToString()" class="text-blue-600">@attribution.License</a></p>
|
||||
}
|
||||
</li>
|
||||
<p class="mt-2">URL: <a href="@attribution.Url.ToString()" class="text-blue-600">@attribution.Url</a></p>
|
||||
}
|
||||
}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@if (attribution.Authors?.Any() ?? false)
|
||||
{
|
||||
<p class="mt-2">Author(s): @string.Join(", ", attribution.Authors)</p>
|
||||
}
|
||||
@if (!string.IsNullOrWhiteSpace(attribution.License))
|
||||
{
|
||||
<p class="mt-2">License: <a href="@attribution.LicenseUrl?.ToString()" class="text-blue-600">@attribution.License</a></p>
|
||||
}
|
||||
</li>
|
||||
}
|
||||
}
|
||||
</ul>
|
||||
|
||||
@code {
|
||||
|
||||
|
|
|
|||
|
|
@ -5,80 +5,65 @@
|
|||
|
||||
<PageTitle>Home</PageTitle>
|
||||
|
||||
<div class="fixed inset-y-0 right-0 left-[40rem] hidden lg:block xl:left-[50rem] z-0">
|
||||
<svg
|
||||
viewBox="0 0 1080 957"
|
||||
fill="none"
|
||||
aria-hidden="true"
|
||||
class="absolute inset-0 h-full w-full"
|
||||
preserveAspectRatio="xMinYMid slice">
|
||||
<path fill="#2e3440" d="M0 0h1080v957H0z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<h1 class="mt-10 flex items-center text-sm font-semibold leading-6 text-brand">
|
||||
<a href="https://git.nseguin.dev/nseguin/website">nseguin/website</a>
|
||||
<small class="ml-3 rounded-full bg-brand/5 px-2 text-[0.8125rem] font-medium leading-6">
|
||||
</small>
|
||||
</h1>
|
||||
|
||||
<div class="px-4 py-10 sm:py-28 sm:px-6 lg:px-8 xl:py-32 xl:px-28">
|
||||
<div class="mx-auto max-w-xl lg:mx-0">
|
||||
<h1 class="mt-10 flex items-center text-sm font-semibold leading-6 text-brand">
|
||||
<a href="https://git.nseguin.dev/nseguin/website">nseguin/website</a>
|
||||
<small class="ml-3 rounded-full bg-brand/5 px-2 text-[0.8125rem] font-medium leading-6">
|
||||
</small>
|
||||
</h1>
|
||||
<h1 class="mt-4 text-4xl md:text-5xl lg:text-6xl font-extrabold text-[2rem] leading-10 tracking-tighter">
|
||||
Nick Seguin
|
||||
</h1>
|
||||
|
||||
<h1 class="mt-4 text-4xl md:text-5xl lg:text-6xl font-extrabold text-[2rem] leading-10 tracking-tighter">
|
||||
Nick Seguin
|
||||
</h1>
|
||||
<p class="mt-4 text-base leading-7 text-slate-900">
|
||||
I'm a software developer based in Iowa.
|
||||
I'm currently working on a few projects, including this website.
|
||||
Thanks for visiting!
|
||||
</p>
|
||||
|
||||
<p class="mt-4 text-base leading-7 text-slate-900">
|
||||
I'm a software developer based in Iowa.
|
||||
I'm currently working on a few projects, including this website.
|
||||
Thanks for visiting!
|
||||
</p>
|
||||
|
||||
<div class="flex">
|
||||
<div class="w-full sm:w-auto">
|
||||
<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3">
|
||||
<a
|
||||
href="/resume"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||
<div class="w-6 h-6">
|
||||
<HeroIcon Kind="HeroIcon.DocumentText"/>
|
||||
</div>
|
||||
Resumé
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/nseguin42"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M12 0C5.37 0 0 5.506 0 12.303c0 5.445 3.435 10.043 8.205 11.674.6.107.825-.262.825-.585 0-.292-.015-1.261-.015-2.291C6 21.67 5.22 20.346 4.98 19.654c-.135-.354-.72-1.446-1.23-1.738-.42-.23-1.02-.8-.015-.815.945-.015 1.62.892 1.845 1.261 1.08 1.86 2.805 1.338 3.495 1.015.105-.8.42-1.338.765-1.645-2.67-.308-5.46-1.37-5.46-6.075 0-1.338.465-2.446 1.23-3.307-.12-.308-.54-1.569.12-3.26 0 0 1.005-.323 3.3 1.26.96-.276 1.98-.415 3-.415s2.04.139 3 .416c2.295-1.6 3.3-1.261 3.3-1.261.66 1.691.24 2.952.12 3.26.765.861 1.23 1.953 1.23 3.307 0 4.721-2.805 5.767-5.475 6.075.435.384.81 1.122.81 2.276 0 1.645-.015 2.968-.015 3.383 0 .323.225.707.825.585a12.047 12.047 0 0 0 5.919-4.489A12.536 12.536 0 0 0 24 12.304C24 5.505 18.63 0 12 0Z"
|
||||
fill="#18181B"/>
|
||||
</svg>
|
||||
GitHub
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href="mailto:mail@nseguin.dev"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col text-black">
|
||||
<div class="w-6 h-6">
|
||||
<HeroIcon Kind="HeroIcon.Envelope"/>
|
||||
</div>
|
||||
Contact
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<div class="w-full sm:w-auto">
|
||||
<div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-3">
|
||||
<a
|
||||
href="/resume"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||
<div class="w-6 h-6">
|
||||
<HeroIcon Kind="HeroIcon.DocumentText"/>
|
||||
</div>
|
||||
Resumé
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href="https://github.com/nseguin42"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col">
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" class="h-6 w-6">
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M12 0C5.37 0 0 5.506 0 12.303c0 5.445 3.435 10.043 8.205 11.674.6.107.825-.262.825-.585 0-.292-.015-1.261-.015-2.291C6 21.67 5.22 20.346 4.98 19.654c-.135-.354-.72-1.446-1.23-1.738-.42-.23-1.02-.8-.015-.815.945-.015 1.62.892 1.845 1.261 1.08 1.86 2.805 1.338 3.495 1.015.105-.8.42-1.338.765-1.645-2.67-.308-5.46-1.37-5.46-6.075 0-1.338.465-2.446 1.23-3.307-.12-.308-.54-1.569.12-3.26 0 0 1.005-.323 3.3 1.26.96-.276 1.98-.415 3-.415s2.04.139 3 .416c2.295-1.6 3.3-1.261 3.3-1.261.66 1.691.24 2.952.12 3.26.765.861 1.23 1.953 1.23 3.307 0 4.721-2.805 5.767-5.475 6.075.435.384.81 1.122.81 2.276 0 1.645-.015 2.968-.015 3.383 0 .323.225.707.825.585a12.047 12.047 0 0 0 5.919-4.489A12.536 12.536 0 0 0 24 12.304C24 5.505 18.63 0 12 0Z"
|
||||
fill="#18181B"/>
|
||||
</svg>
|
||||
GitHub
|
||||
</span>
|
||||
</a>
|
||||
<a
|
||||
href="mailto:mail@nseguin.dev"
|
||||
class="group relative rounded-2xl px-6 py-4 text-sm font-semibold leading-6 text-nord-1 sm:py-6">
|
||||
<span class="absolute inset-0 rounded-2xl bg-slate-50 transition group-hover:bg-slate-100 sm:group-hover:scale-105">
|
||||
</span>
|
||||
<span class="relative flex items-center gap-4 sm:flex-col text-black">
|
||||
<div class="w-6 h-6">
|
||||
<HeroIcon Kind="HeroIcon.Envelope"/>
|
||||
</div>
|
||||
Contact
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Reference in a new issue