Skip to content

Commit

Permalink
Merge pull request #81 from recepcaoimeusp/fix/mobileVisualBugs
Browse files Browse the repository at this point in the history
Fix right margin bug of "O IME" and "Kit Bixe" pages
  • Loading branch information
josemayer authored Feb 7, 2024
2 parents 68c6abc + 6ed5e4a commit bfdf506
Show file tree
Hide file tree
Showing 2 changed files with 239 additions and 244 deletions.
272 changes: 135 additions & 137 deletions pages/ime.vue
Original file line number Diff line number Diff line change
@@ -1,142 +1,140 @@
<template>
<v-row xs-12>
<v-col>
<PageBar background-colored border-bottom>
<template #left>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="360"
image-path="atletica"
image-name="atletica"
number-of-images="4"
extension="jpg"
border
border-color="white"
/>
</div>
</template>
<template #right>
<div class="my-10">
<h1 class="titulo txtWhite text-md-left">
Associação Atlética Acadêmica da Matemática
</h1>
<p class="descricao txtWhite text-md-left">
A Associação Atlética Acadêmica da Matemática é uma instituição
gerenciada por um grupo de alunos do IME que cuidam da organização
de todas as modalidades esportivas, campeonatos e inters. Além
disso, realizam festas e eventos de integração e também vendem
produtos personalizados do instituto. Se você tem interesse em
participar de alguma modalidade ou tem alguma dúvida é só entrar
em contato pelas redes sociais.
</p>
<p class="descricao text-md-left">
<v-btn
color="#626262"
icon
href="https://www.facebook.com/aaamat.ime"
><v-icon class="txtWhite" size="30px"
>fa-brands fa-facebook</v-icon
>
</v-btn>

<v-btn
color="#626262"
icon
href="https://www.instagram.com/atleticaimeusp"
><v-icon class="txtWhite" size="30px"
>fa-brands fa-instagram</v-icon
></v-btn
>
</p>
</div>
</template>
</PageBar>
<PageBar>
<template #left>
<div class="my-10">
<h1 class="titulo txtBlack text-md-left">
O Instituto de Matemática e Estatística da USP
</h1>
<p class="descricao txtBlack text-md-left">
O Instituto de Matemática e Estatística é uma unidade de ensino,
pesquisa e extensão da Universidade de São Paulo. Possui cursos de
graduação e pós-graduação nas áreas de matemática, matemática
aplicada, estatística e ciência da computação. Além disso, com
corpo docente e discente qualificado, realiza pesquisas
científicas em suas áreas-chave e áreas relacionadas, como
bioinformática, neuromatemática e educação em matemática.
</p>
<p class="descricao text-md-left">
<Button link="http://ime.usp.br"> Visite o site do IME </Button>
</p>
</div>
</template>
<template #right>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="360"
image-path="ime"
image-name="ime"
number-of-images="8"
extension="jpg"
border
border-color="black"
/>
</div>
</template>
</PageBar>
<PageBar background-colored border-top>
<template #left>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="370"
image-path="mapinha"
image-name="mapinha"
number-of-images="9"
extension="png"
border
border-color="white"
/>
</div>
</template>
<template #right>
<div class="my-10">
<h1 class="titulo txtWhite text-md-left">O Mapinha do IME</h1>
<p class="descricao txtWhite text-md-left">
Bem-vindes ao Mapinha do IME! Como vocês ainda não conhecem o IME
muito bem, fizemos um Mapinha no estilo do Pokémon para conhecerem
melhor o instituto que vão aprender a amar! Além de poderem andar
livremente por (quase) todo o IME, poderão conversar com várias
pessoas da comunidade IMEana no caminho que vão te apresentar como
é a vida de um IMEano. Esperamos que aproveitem, explorem bastante
e conheçam todos os cantos do Mapinha, porque nós deixamos vários
segredinhos espalhados!
</p>
<p class="font-weight-bold descricao txtWhite text-md-left">
Para executar o mapinha vocês devem seguir os seguintes passos:
</p>
<ol class="descricao txtWhite text-md-left">
<li>Extraia o arquivo zip chamado "mapinha.zip"</li>
<li>Execute o arquivo "Game.exe" dentro da pasta extraida</li>
</ol>
<p class="descricao text-md-left">
<Button
link="/mapinha.zip"
color="white"
:dark="false"
class="mt-5"
<div>
<PageBar background-colored border-bottom>
<template #left>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="360"
image-path="atletica"
image-name="atletica"
number-of-images="4"
extension="jpg"
border
border-color="white"
/>
</div>
</template>
<template #right>
<div class="my-10">
<h1 class="titulo txtWhite text-md-left">
Associação Atlética Acadêmica da Matemática
</h1>
<p class="descricao txtWhite text-md-left">
A Associação Atlética Acadêmica da Matemática é uma instituição
gerenciada por um grupo de alunos do IME que cuidam da organização
de todas as modalidades esportivas, campeonatos e inters. Além
disso, realizam festas e eventos de integração e também vendem
produtos personalizados do instituto. Se você tem interesse em
participar de alguma modalidade ou tem alguma dúvida é só entrar em
contato pelas redes sociais.
</p>
<p class="descricao text-md-left">
<v-btn
color="#626262"
icon
href="https://www.facebook.com/aaamat.ime"
><v-icon class="txtWhite" size="30px"
>fa-brands fa-facebook</v-icon
>
Conheça o mapinha!
</Button>
</p>
</div>
</template>
</PageBar>
</v-col>
</v-row>
</v-btn>

<v-btn
color="#626262"
icon
href="https://www.instagram.com/atleticaimeusp"
><v-icon class="txtWhite" size="30px"
>fa-brands fa-instagram</v-icon
></v-btn
>
</p>
</div>
</template>
</PageBar>
<PageBar>
<template #left>
<div class="my-10">
<h1 class="titulo txtBlack text-md-left">
O Instituto de Matemática e Estatística da USP
</h1>
<p class="descricao txtBlack text-md-left">
O Instituto de Matemática e Estatística é uma unidade de ensino,
pesquisa e extensão da Universidade de São Paulo. Possui cursos de
graduação e pós-graduação nas áreas de matemática, matemática
aplicada, estatística e ciência da computação. Além disso, com corpo
docente e discente qualificado, realiza pesquisas científicas em
suas áreas-chave e áreas relacionadas, como bioinformática,
neuromatemática e educação em matemática.
</p>
<p class="descricao text-md-left">
<Button link="http://ime.usp.br"> Visite o site do IME </Button>
</p>
</div>
</template>
<template #right>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="360"
image-path="ime"
image-name="ime"
number-of-images="8"
extension="jpg"
border
border-color="black"
/>
</div>
</template>
</PageBar>
<PageBar background-colored border-top>
<template #left>
<div class="my-10">
<ImagesCarrossel
:largura="570"
:altura="370"
image-path="mapinha"
image-name="mapinha"
number-of-images="9"
extension="png"
border
border-color="white"
/>
</div>
</template>
<template #right>
<div class="my-10">
<h1 class="titulo txtWhite text-md-left">O Mapinha do IME</h1>
<p class="descricao txtWhite text-md-left">
Bem-vindes ao Mapinha do IME! Como vocês ainda não conhecem o IME
muito bem, fizemos um Mapinha no estilo do Pokémon para conhecerem
melhor o instituto que vão aprender a amar! Além de poderem andar
livremente por (quase) todo o IME, poderão conversar com várias
pessoas da comunidade IMEana no caminho que vão te apresentar como é
a vida de um IMEano. Esperamos que aproveitem, explorem bastante e
conheçam todos os cantos do Mapinha, porque nós deixamos vários
segredinhos espalhados!
</p>
<p class="font-weight-bold descricao txtWhite text-md-left">
Para executar o mapinha vocês devem seguir os seguintes passos:
</p>
<ol class="descricao txtWhite text-md-left">
<li>Extraia o arquivo zip chamado "mapinha.zip"</li>
<li>Execute o arquivo "Game.exe" dentro da pasta extraida</li>
</ol>
<p class="descricao text-md-left">
<Button
link="/mapinha.zip"
color="white"
:dark="false"
class="mt-5"
>
Conheça o mapinha!
</Button>
</p>
</div>
</template>
</PageBar>
</div>
</template>

<script>
Expand Down
Loading

0 comments on commit bfdf506

Please sign in to comment.