Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: initial work on project page #227

Draft
wants to merge 2 commits into
base: develop
Choose a base branch
from
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 96 additions & 0 deletions src/routes/projects/uni/+page.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<script lang="ts">

</script>

<section class="min-h-screen pt-60 font-raleway">
<header class="flex flex-row gap-6 justify-center">
<div class="p-4 bg-white/20 inline-block rounded-2xl">
<img src="/images/uni/logo.svg" alt="Logótipo da UNI" />
</div>
<div class="my-auto">
<h1 class="text-8xl font-semibold text-white">UNI</h1>
<ul class="flex flex-row gap-2 px-2">
<li>
<a href="https://github.com/NIAEFEUP/project-schrodinger">
<svg height="32" viewBox="0 0 16 16" version="1.1" width="32" class="w-11 h-11 fill-white">
<path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path>
</svg>
</a>
</li>
</ul>
</div>
</header>

<div class="mt-28 text-center">
<strong class="text-white text-5xl">A <em class="font-normal">FEUP</em> no teu bolso</strong>
</div>

<ul class="mt-24 flex justify-center gap-11">
<li>
<a
href="https://play.google.com"
class="rounded-xl flex justify-center items-center w-60 h-20 bg-[#872020] text-white"
>
<span>
Baixa em <br />
<span class="font-bold"> Google Play</span>
</span>
</a>
</li>
<li>
<a
href="https://play.google.com"
class="rounded-xl flex justify-center items-center w-60 h-20 bg-[#872020] text-white"
>
<span>
Baixa em <br />
<span class="font-bold"> App Store</span>
</span>
</a>
</li>
<li>
<a
href="https://play.google.com"
class="rounded-xl flex justify-center items-center w-60 h-20 bg-[#872020] text-white"
>
<span class="text-lg">
Download do
<p class="text-2xl font-semibold">APK</p>
</span>
</a>
</li>
</ul>

<div class="mt-32 flex justify-center items-center gap-4">
<img class="w-1/3 w-max-xl" src="/images/uni/showcase.png" alt="Three printscreens of phones showcasing the uni app">
<p class="w-1/3 max-w-xl text-gray-100 text-4xl text-right">facilitar e tornar mais rápido o acesso a informações da plataforma da faculdade, bem como de outros serviços que possam interessar aos estudantes da mesma.</p>
</div>

<div class="mt-24 flex justify-evenly">
<div class="flex flex-col items-center w-1/3">
<p class="text-white font-source_code text-5xl font-bold">&lt; Tecnologias /&gt;</p>
<div class="mt-6 flex justify-center gap-8">
<div class="py-4 px-8 rounded-full bg-[#674244]/40 flex gap-4">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.3828 18.316L18.7438 15.042H27.0928L19.6968 22.438L15.3828 18.316Z" fill="#40D0FD"/>
<path d="M4.90723 16.1251L9.10623 20.4241L27.0932 2.28711H18.7442L4.90723 16.1251Z" fill="#41D0FD"/>
<path d="M11.1758 22.4794L15.4348 26.6754L19.6968 22.4384L15.3828 18.3164L11.1758 22.4794Z" fill="#1FBCFD"/>
<path d="M15.4346 26.6745L19.6966 22.4375L26.9886 29.8125H18.5926L15.4346 26.6745Z" fill="#095A9D"/>
<path d="M15.4346 26.6746L19.4056 25.3536L18.0676 24.0566L15.4346 26.6746Z" fill="#0E5199"/>
</svg>
<p class="text-white text-2xl">Flutter</p>
</div>
<div class="py-4 px-8 rounded-full bg-[#674244]/40 flex gap-4">
<img src="/images/technologies/dart.png" alt="Logótipo da linguagem de programação Dart">
<p class="text-white text-2xl">Dart</p>
</div>
</div>
</div>
<div class="flex flex-col items-center w-1/3">
<p class="text-white font-source_code text-5xl font-bold">&lt; Público Alvo /&gt;</p>
<div class="mt-6 flex justify-center gap-8">
<p class="text-3xl text-white font-semibold text-center">Todos os estudantes da Universidade do Porto.</p>
</div>
</div>
</div>
</section>
Binary file added static/images/technologies/dart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions static/images/uni/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added static/images/uni/showcase.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading