Skip to content

Commit

Permalink
New portfolio page and small architecture change
Browse files Browse the repository at this point in the history
  • Loading branch information
@GuilhermeIsNotUnix
GuilhermeIsNotUnix authored Feb 19, 2024
1 parent 217e281 commit 73afdbd
Show file tree
Hide file tree
Showing 15 changed files with 443 additions and 155 deletions.
31 changes: 31 additions & 0 deletions css/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,19 @@
.font-montserrat {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: light;
}

.purple-light-text {
color: #9f99a6;
}

.wide-container {
margin: 0 auto;
max-width: 1280px;
width: 95%;
}

.titles {
font-family: 'TimeWarner', sans-serif;
color: #4d5d91;
Expand All @@ -18,8 +34,17 @@
font-family: 'Helvetica 65 Medium', sans-serif;
}

.text-size-medium {
font-size: 1.200rem;
}

.pageBackground {background-color: black;}

.dark-background-purple {
background: rgb(20,0,41);
background: radial-gradient(circle, rgba(20,0,41,1) 0%, rgba(3,0,7,1) 100%);
}

.underline {text-decoration: underline;}

a {color: #c5fffd;}
Expand All @@ -28,6 +53,12 @@ strong {font-weight: bold;}

.subtitle-text {font-size: 1.125rem;}

.big-circular-image {
width: 50%;
height: 50%;
border-radius: 50%;
}

.circular-image {
width: 40%;
height: 40%;
Expand Down
146 changes: 146 additions & 0 deletions fauranotes.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!--Import TimeWarner font-->
<link href="https://fonts.cdnfonts.com/css/timewarner" rel="stylesheet">
<!--Import Helvetica Neue font-->
<link href="https://fonts.cdnfonts.com/css/helvetica-neue-9" rel="stylesheet">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import compiled and minified CSS -->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<!-- Custom CSS-->
<link rel="stylesheet" href="css/style.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

<!-- MathJax-->
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3.0.1/es5/tex-mml-chtml.js"></script>

<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="180x180" href="media/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/favicon/favicon-16x16.png">
<link rel="manifest" href="media/favicon/site.webmanifest">
<link rel="mask-icon" href="media/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

<title>Faura Notes</title>
</head>

<body class="black readingFont">
<div class="container white-text">
<div>
<h1 class="center darkPageTitle">FAURA NOTES</h1>

<p class="white-text flow-text">Faura Notes é um acervo de notas abertas de estudo escritas por Guilherme Faura, físico e músico. Que essas notas te ajudem. Em caso de algum erro em alguma nota, por favor informe em <u>guilhermefaura@gmail.com</u> apontando o erro e a nota.</p>

<ul class="collapsible expandable black-text">
<li>
<div class="collapsible-header"><i class="material-icons">functions</i>Física</div>
<div class="collapsible-body white">
<table class="responsive-table">
<thead><b>Termodinâmica</b></thead>

<tbody>
<tr>
<div class="collection">
<a href="posts/physics/transferencia_de_calor.html" class="collection-item">Transferência de calor</a>
</div>
</tr>
</tbody>
</table>

<table class="responsive-table">
<thead><b>Eletricidade</b></thead>

<tbody>
<tr>
<div class="collection">
<a href="posts/physics/cargas_eletricas.html" class="collection-item">Cargas elétricas</a>
</div>
</tr>

<tr>
<div class="collection">
<a href="posts/physics/eletrizacao.html" class="collection-item">Eletrização</a>
</div>
</tr>
</tbody>
</table>

<table class="responsive-table">
<thead><b>Notas e Reflexões</b></thead>

<tbody>
<tr>
<div class="collection">
<a href="posts/physics/a_arrogancia_academica_e_os_fisicos_de_sangue.html" class="collection-item">A Arrogância Acadêmica e os Físicos de Sangue</a>
</div>
</tr>
</tbody>
</table>
</div>
</li>

<li>
<div class="collapsible-header"><i class="material-icons">battery_charging_full</i>Eletrônica</div>
<div class="collapsible-body white">
<div class="collection">
<a href="posts/electronics/resistores.html" class="collection-item">Resistores</a>
</div>
</div>
</li>

<li>
<div class="collapsible-header"><i class="material-icons">music_note</i>Música</div>
<div class="collapsible-body white">
<div class="collection">
<a href="posts/music/manifesto_metal.html" class="collection-item">Manifesto Metal</a>
<a href="posts/music/Um_guia_para_composição.html" class="collection-item">Um guia de composição</a>
<a href="posts/music/improviso_nao_vem_do_nada.html" class="collection-item">Improviso não vem do nada</a>
</div>
</div>
</li>

<li>
<div class="collapsible-header"><i class="material-icons">keyboard</i>Computação</div>
<div class="collapsible-body white">
<table class="responsive-table">
<thead><b>Linux</b></thead>

<tbody>
<tr>
<div class="collection">
<a href="posts/computers/oquefazerdepoisdeinstalaroubuntu.html" class="collection-item">O que fazer depois de instalar Ubuntu 22.04 LTS: Os primeiros passos no mundo Linux</a>
</div>
</tr>
</tbody>
</table>
</div>
</li>
</ul>
</div>

<blockquote class="flow-text"><i>Tocar uma nota errada é insignificante. Tocar sem paixão é imperdoável.<br>—Ludwig van Beethoven</i></blockquote>

<br>

<div class="flow-text grey-text text-lighten-1">
<p>\[\text{And God said...}\]</p>
<p>\[\overrightarrow{\nabla} \cdot \overrightarrow{D} = \rho\]</p>
<p>\[\overrightarrow{\nabla} \cdot \overrightarrow{B} = 0\]</p>
<p>\[\overrightarrow{\nabla} \times \overrightarrow{E} = -\frac{\partial \overrightarrow{B}}{\partial t}\]</p>
<p>\[\overrightarrow{\nabla} \times \overrightarrow{H} = \frac{\partial \overrightarrow{D}}{\partial t} + \overrightarrow{J}\]</p>
<p>\[\text{and there was light...}\]</p>
</div>
</div>

<!-- Compiled and minified JavaScript -->
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- Collapsible -->
<script src="js/collapsible.js"></script>
</body>
</html>
Loading

0 comments on commit 73afdbd

Please sign in to comment.