filipe/luis-medeiros
1
0
Fork 0
Code Issues Pull requests Activity

things

Browse source
This commit is contained in:
Filipe Medeiros 2022-08-21 01:31:38 +01:00
parent 13aa8d4e1f
commit eddbd87c91
3 changed files with 36 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/css/styles.css
View file

@ -1,3 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind utilities;
body {
font-family: "Manrope", sans-serif;
}

34
src/index.html
View file

@ -3,30 +3,38 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My App</title>
<title>Luis Medeiros</title>
<link rel="stylesheet" href="./css/styles.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;700&family=Syne+Tactile&display=swap"
rel="stylesheet"
/>
</head>
<body class="min-h-screen">
<header className="w-full px-40 py-20">
<nav className="flex w-full justify-between">
<a href="/" className="text-green">work</a>
<header class="w-full px-40 py-20">
<nav class="flex w-full justify-between">
<a href="/" class="text-green">work</a>
<a href="/about">about</a>
<a href="/contact">contact</a>
</nav>
</header>
<main
className="flex flex-col items-center w-full flex-1 px-40 text-center"
class="flex flex-col items-center w-full flex-1 px-40 text-center"
>
<h1 className="text-7xl text-left font-light self-start mb-24">
<h1 class="text-7xl text-left font-light self-start mb-24">
Luis Medeiros,
<br />
<span className="font-syne">creative</span> strategist
<span class="font-syne">creative</span> strategist
<br />
<span className="text-green">does</span>
<span class="text-green">does</span>
</h1>
<h2 className="text-right self-end text-2xl">
<h2 class="text-right self-end text-2xl">
<p>creative ideation & leadership / copywriting</p>
<p>brand strategy & identity / business strategy</p>
<p>co-creation workshops / organizational culture / music</p>
@ -34,10 +42,10 @@
</main>
<footer
className="grid grid-cols-3 w-full px-40 font-light text-sm items-center py-8 justify-between bg-green"
class="grid grid-cols-3 w-full px-40 font-light text-sm items-center py-8 justify-between bg-green"
>
<div>
<span className="mr-2">To the top</span>
<span class="mr-2">To the top</span>
<image
src="/arrow-up-white.svg"
height="{15}"
@ -45,7 +53,7 @@
alt="Arrow up icon"
/>
</div>
<div className="flex gap-10 justify-center">
<div class="flex gap-10 justify-center">
<image
src="/linkedin.png"
width="{25}"
@ -59,7 +67,7 @@
alt="Mail icon"
/>
</div>
<div className="text-right">Luis Medeiros 2022 ©</div>
<div class="text-right">Luis Medeiros 2022 ©</div>
</footer>
<script src="./js/website.js" type="module"></script>

13
tailwind.config.js
View file

@ -1,5 +1,12 @@
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: { extend: {} },
plugins: [],
content: ["./src/**/*.{html,js}"],
theme: {
extend: {
fontFamily: {
manrope: ["Manrope", "sans-serif"],
syne: ["Syne Tactile", "cursive"],
},
},
},
plugins: [],
};