Skip to content

Commit

Permalink
atualizaçoes de informaçoes
Browse files Browse the repository at this point in the history
  • Loading branch information
Elto Borges authored and Elto Borges committed Aug 18, 2024
1 parent 46aec86 commit 96a1081
Show file tree
Hide file tree
Showing 9 changed files with 213 additions and 110 deletions.
29 changes: 23 additions & 6 deletions ask.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Questionário de Metas</title>
<link rel="stylesheet" href="src/css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet" href="src/css/styles.css">
</head>
<body class="ask-body">
<header class="ask-header">
Expand All @@ -25,10 +25,18 @@ <h1><span class="askheader-span"><i class="fa-solid fa-dumbbell"></i> U</span>GY
<span class="ask-step"></span>
<span class="ask-step"></span>
<span class="ask-step"></span>
<span class="ask-step"></span>
<span class="ask-step"></span>
</div>

<!-- Etapa 1 -->

<div class="ask-form-step active">
<input type="text" name="singupname" id="singupname" placeholder="Digite seu primeiro nome">
<input type="text" name="singuplastname" id="singuplastname" placeholder="Digite seu sobrenome">
<button class="ask-continue-button">Continuar</button>
</div>

<!-- Etapa 1 -->
<div class="ask-form-step ">
<h2>Qual a sua meta?</h2>
<button class="ask-option-button">Definição e emagrecimento</button>
<button class="ask-option-button">Aumento de Força</button>
Expand All @@ -55,11 +63,20 @@ <h2>Quantos dias da semana você deseja treinar?</h2>
<!-- Etapa 4 -->
<div class="ask-form-step">
<h2>Você possui alguma doença ou condição médica?</h2>
<button class="ask-option-button" onclick="handleOptionChange('Sim')">Sim</button>
<button class="ask-option-button" onclick="handleOptionChange('Não')">Não</button>
<button class="ask-option-button" onclick="handleOptionChange('Sim', 'disease-input')">Sim</button>
<button class="ask-option-button" onclick="handleOptionChange('Não', 'disease-input')">Não</button>
<input type="text" id="disease-input" placeholder="Digite sua resposta" style="display: none;">
<button class="ask-continue-button">Continuar</button>
</div>

<div class="ask-form-step">
<h2>Você possui alguma condição especial?</h2>
<button class="ask-option-button" onclick="handleOptionChange('Sim', 'special-condition-input')">Sim</button>
<button class="ask-option-button" onclick="handleOptionChange('Não', 'special-condition-input')">Não</button>
<input type="text" id="special-condition-input" placeholder="Digite sua resposta" style="display: none;">
<button class="ask-continue-button">Continuar</button>
</div>


<!-- Etapa 5 -->
<div class="ask-form-step">
Expand Down Expand Up @@ -112,6 +129,6 @@ <h2>Envie uma foto sua para o perfil</h2>
</div>
</main>

<script src="src/javascript/askscript.js"></script>
<script src="src/javascript/askscript.js" ></script>
</body>
</html>
20 changes: 8 additions & 12 deletions exercicices.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,27 +13,22 @@
<nav id="sidebar">
<div id="sidebar_content">
<div id="user">
<img src="src/assets/avatar.jpg" id="user_avatar" alt="Avatar">
<img src="" id="profile-avatar" alt="Avatar">
<p id="user_infos">
<span class="item-description">
''Nome do Usuário''
</span>
<span class="item-description">
Lorem Ipsum
</span>
<span class="item-description" id="profile-name"></span>
</p>
</div>
<ul id="side_items">
<li class="side-item">
<a href="#">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/perf.html">
<i class="fa-solid fa-user"></i>
<span class="item-description">
Usuários
Meu perfil
</span>
</a>
</li>
<li class="side-item">
<a href="#">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/index.html">
<i class="fa-solid fa-home"></i>
<span class="item-description">
home
Expand Down Expand Up @@ -90,13 +85,13 @@
<div class="navegacao">
<ul>
<li class="lista">
<a href="#">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/perf.html">
<span class="icone"><i class="bi bi-person-fill"></i></span>
<span class="texto">Perfil</span>
</a>
</li>
<li class="lista">
<a href="#">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/index.html">
<span class="icone"><i class="bi bi-cart-fill"></i></span>
<span class="texto">Carrinho</span>
</a>
Expand Down Expand Up @@ -147,5 +142,6 @@ <h3>Exercícios</h3>
</div>
<script src="src/javascript/exerciciesscript.js"></script>
<script src="src/javascript/scriptnav.js"></script>
<script src="src/javascript/scriptaskreturninfo.js"></script> <!-- script para perfil -->
</body>
</html>
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,17 @@
<div id="sidebar_content">
<!-- User Info -->
<div id="user">
<img src="src/assets/avatar.jpg" id="user_avatar" alt="Avatar">
<img src="" id="profile-avatar" alt="Avatar">
<p id="user_infos">
<span class="item-description">''Nome do Usuário''</span>
<span class="item-description">Lorem Ipsum</span>
<span class="item-description" id="profile-name"></span>
</p>
</div>
<!-- Sidebar Items -->
<ul id="side_items">
<li class="side-item">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/perf.html">
<i class="fa-solid fa-user"></i>
<span class="item-description">Usuários</span>
<span class="item-description">Meu perfil</span>
</a>
</li>
<li class="side-item active">
Expand Down Expand Up @@ -191,5 +190,6 @@ <h2>Nossos <span>Serviços</span></h2>

<script src="src/javascript/scriptnav.js"></script>
<script src="src/javascript/scriptslider.js"></script>
<script src="src/javascript/scriptaskreturninfo.js"></script> <!-- script para perfil -->
</body>
</html>
100 changes: 48 additions & 52 deletions perf.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,18 +16,17 @@
<div id="sidebar_content">
<!-- User Info -->
<div id="user">
<img src="src/assets/avatar.jpg" id="user_avatar" alt="Avatar">
<img id="profile-avatar" src="" alt="Avatar">
<p id="user_infos">
<span class="item-description">''Nome do Usuário''</span>
<span class="item-description">Lorem Ipsum</span>
<span class="item-description" id="profile-name"></span>
</p>
</div>
<!-- Sidebar Items -->
<ul id="side_items">
<li class="side-item active">
<a href="https://ifpi-picos.github.io/projeto-integrador-ugym/perf.html">
<i class="fa-solid fa-user"></i>
<span class="item-description">Usuários</span>
<span class="item-description">Meu perfil</span>
</a>
</li>
<li class="side-item">
Expand Down Expand Up @@ -121,60 +120,57 @@
<h1><span><i class="fa-solid fa-dumbbell"></i> U</span>GYM</h1>
</header>
<main class="perfmain">
<div class="essencinfo">
<h2>Olá, ''<span>Nome do Usuário</span>''</h2>
<img src="src/assets/avatar.jpg" alt="">

</div>
<div class="informations">
<!-- Primary Information -->
<div class="infotop">
<div class="priminfo">
<div class="info">
<h2>&middot Altura <i class="fa-solid fa-ruler-vertical"></i></h2>
<p>1,80m</p>
</div>
<div class="info">
<h2>&middot Peso <i class="fa-solid fa-scale-balanced"></i></h2>
<p>80kg</p>
</div>
<div class="info">
<h2>&middot IMC <i class="fa-solid fa-percent"></i></h2>
<p>24,69</p>
</div>
<div class="info">
<h2>&middot Meta <i class="fa-solid fa-bullseye"></i></h2>
<p>75kg</p>
</div>
<div class="essencinfo">
<h2>Olá, ''<span id="profile-name"></span>''</h2>
<img id="profile-avatar" src="" alt="">
</div>
<div class="informations">
<!-- Primary Information -->
<div class="infotop">
<div class="priminfo">
<div class="info">
<h2>&middot Altura <i class="fa-solid fa-ruler-vertical"></i></h2>
<p id="profile-height">Não informado</p>
</div>
<div class="info">
<h2>&middot Peso <i class="fa-solid fa-scale-balanced"></i></h2>
<p id="profile-weight">Não informado</p>
</div>
<div class="info">
<h2>&middot IMC <i class="fa-solid fa-percent"></i></h2>
<p id="profile-imc">Não informado</p>
</div>
<!-- Secondary Information -->
<div class="secinfo">
<div class="info">
<h2>&middot Doenças cronicas <i class="fa-solid fa-disease"></i></h2>
<p>Diabetes</p>
</div>
<div class="info">
<h2>&middot Necessidades Especiais <i class="fa-solid fa-brain"></i></h2>
<p>Nenhuma</p>
</div>
<div class="info">
<h2>&middot Objetivo <i class="fa-solid fa-arrow-up-right-dots"></i></h2>
<p>Perder peso</p>
</div>


</div>
<!-- Secondary Information -->
<div class="secinfo">
<div class="info">
<h2>&middot Doenças crônicas <i class="fa-solid fa-disease"></i></h2>
<p id="profile-disease">Não informado</p>
</div>
<div class="info">
<h2>&middot Necessidades Especiais <i class="fa-solid fa-brain"></i></h2>
<p id="profile-special-condition">Não informado</p>
</div>
<div class="info">
<h2>&middot Meta <i class="fa-solid fa-bullseye"></i></h2>
<p id="profile-meta">Não informado</p>
</div>
</div>

<section class="evolution-chart">
<h2>Evolução Física</h2>
<canvas id="evolutionChart"></canvas>
</section>

</div>
</div>

<section class="evolution-chart">
<h2>Evolução Física</h2>
<canvas id="evolutionChart"></canvas>
</section>
</div>
</main>
</div>
<script src="src/javascript/scriptnav.js"></script>
<script src="src/javascript/scriptgraf.js"></script>
<script src="src/javascript/scriptnav.js"></script> <!-- script para barra de navegação -->
<script src="src/javascript/scriptgraf.js"></script> <!-- script para gráfico -->
<script src="src/javascript/scriptaskreturninfo.js"></script> <!-- script para perfil -->
<script src="src/javascript/scriptaskreturninfo.js"></script> <!-- script para perfil -->
</body>
</html>

Expand Down
7 changes: 4 additions & 3 deletions src/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,7 +111,7 @@
margin-bottom: 24px;
}

#user_avatar {
#user #profile-avatar {
width: 50px;
height: 50px;
object-fit: cover;
Expand Down Expand Up @@ -709,7 +709,7 @@ input[type="text"], input[type="number"], input[type="tel"], input[type="date"]
color: #333;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus {
input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="password"]:focus {
border-bottom: 2px solid #ff4a53;
outline: none;
}
Expand Down Expand Up @@ -1251,7 +1251,8 @@ input#file-upload-button {
}
.exerciciesmain{
width: 90%;
margin-top: 30%;
margin: 30%;

}
.muscle-selector{
gap: 10px;
Expand Down
Loading

0 comments on commit 96a1081

Please sign in to comment.