Skip to content

hw1, hw2, hw3 #12

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.

Sign up for GitHub

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

Open
DaniilM235 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

hw1, hw2, hw3 #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
88 changes: 88 additions & 0 deletions hw1/public/ask.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../static/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=Coming+Soon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
<title>Ask Question - AskPupkin</title>
</head>
<body>
<header class="header">
<div class="logo">AskPupkin</div>
<div class="header__search">
<input type="text" placeholder="Search">
<button class="search-button">Search</button>
</div>
<div class="header__auth">
<div class="user-menu">
<span class="user-name">Dr. Pepper</span>
<div class="user-dropdown">
<a href="#" class="user-dropdown__item">settings</a>
<a href="#" class="user-dropdown__item">log out</a>
</div>
</div>
</div>
</header>

<main class="main">
<div class="main-container">
<div class="ask-form">
<h2 class="ask-form__title">New Question</h2>

<form class="form">
<div class="form__group">
<label for="title" class="form__label">Title</label>
<input type="text" id="title" class="form__input" placeholder="How to build a moon park?" maxlength="100">
<div class="form__help">Be specific and imagine you're asking a question to another person.</div>
</div>

<div class="form__group">
<label for="text" class="form__label">Text</label>
<textarea id="text" class="form__textarea" placeholder="Really, how? Have no idea about it" rows="5"></textarea>
<div class="form__help">Include all the information someone would need to answer your question.</div>
</div>

<div class="form__group">
<label for="tags" class="form__label">Tags</label>
<input type="text" id="tags" class="form__input" placeholder="moon, park, puzzle" maxlength="100">
<div class="form__help">Add up to 5 tags to describe what your question is about.</div>
</div>

<button type="submit" class="form__submit form__submit--large">ASK!</button>
</form>
</div>
</div>

<aside class="aside">
<div class="sidebar-section">
<h3 class="sidebar-title">Popular Tags</h3>
<div class="tags">
<a href="#" class="tag popular-tag">perl</a>
<a href="#" class="tag popular-tag">python</a>
<a href="#" class="tag popular-tag">TechnoPark</a>
<a href="#" class="tag popular-tag">MySQL</a>
<a href="#" class="tag popular-tag">django</a>
<a href="#" class="tag popular-tag">Mail.Ru</a>
<a href="#" class="tag popular-tag">Voloshin</a>
<a href="#" class="tag popular-tag">Firefox</a>
</div>
</div>

<div class="sidebar-section">
<h3 class="sidebar-title">Best Members</h3>
<div class="members-list">
<a href="#" class="member-link">Mr. Freeman</a>
<a href="#" class="member-link">Dr. House</a>
<a href="#" class="member-link">Bender</a>
<a href="#" class="member-link">Queen Victoria</a>
<a href="#" class="member-link">V. Pupkin</a>
</div>
</div>
</aside>
</main>
</body>
</html>
151 changes: 151 additions & 0 deletions hw1/public/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../static/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=Coming+Soon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
<title>AskPupkin</title>
</head>
<body>
<header class="header">
<div class="logo">AskPupkin</div>
<div class="header__search">
<input type="text" placeholder="Search">
<button class="search-button">Search</button>
</div>
<div class="header__auth">
<button class="auth-button login">log in</button>
<button class="auth-button register">register</button>
</div>
</header>

<main class="main">
<div class="main-container">
<section class="questions__root">
<div class="questions__title">
<h2>New Questions</h2>
<a href="#">Hot Questions</a>
</div>

<div class="questions-list">
<div class="question">
<div class="question__content">
<div class="question__aside">
<img src="../static/img/avatar.jpg" alt="avatar" class="question__avatar">
<div class="question__rating">
<button class="rating-btn up">+</button>
<span class="rating-value">5</span>
<button class="rating-btn down">-</button>
</div>
</div>
<div class="question__main">
<h3 class="question__title">How to build a moon park?</h3>
<p class="question__text">Guys, i have trouble with a moon park. Can't find th black-jack...</p>
<div class="question__meta">
<a href="#" class="answers-count">answer (3)</a>
<div class="question__tags">
<span class="tags-label">Tags:</span>
<a href="#" class="tag">black-jack</a>
<a href="#" class="tag">bender</a>
</div>
</div>
</div>
</div>
</div>

<div class="question">
<div class="question__content">
<div class="question__aside">
<img src="../static/img/avatar.jpg" alt="avatar" class="question__avatar">
<div class="question__rating">
<button class="rating-btn up">+</button>
<span class="rating-value">12</span>
<button class="rating-btn down">-</button>
</div>
</div>
<div class="question__main">
<h3 class="question__title">How to build a moon park?</h3>
<p class="question__text">Guys, i have trouble with a moon park. Can't find th black-jack...</p>
<div class="question__meta">
<a href="#" class="answers-count">answer (3)</a>
<div class="question__tags">
<span class="tags-label">Tags:</span>
<a href="#" class="tag">black-jack</a>
<a href="#" class="tag">bender</a>
</div>
</div>
</div>
</div>
</div>

<div class="question">
<div class="question__content">
<div class="question__aside">
<img src="../static/img/avatar.jpg" alt="avatar" class="question__avatar">
<div class="question__rating">
<button class="rating-btn up">+</button>
<span class="rating-value">8</span>
<button class="rating-btn down">-</button>
</div>
</div>
<div class="question__main">
<h3 class="question__title">How to build a moon park?</h3>
<p class="question__text">Guys, i have trouble with a moon park. Can't find th black-jack...</p>
<div class="question__meta">
<a href="#" class="answers-count">answer (3)</a>
<div class="question__tags">
<span class="tags-label">Tags:</span>
<a href="#" class="tag">black-jack</a>
<a href="#" class="tag">bender</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="questions__pagination">
<a href="#" class="questions__pagination__item active">1</a>
<a href="#" class="questions__pagination__item">2</a>
<a href="#" class="questions__pagination__item">3</a>
<a href="#" class="questions__pagination__item">4</a>
<a href="#" class="questions__pagination__item">5</a>
<a href="#" class="questions__pagination__item">...</a>
<a href="#" class="questions__pagination__item">53</a>
</div>
</section>
</div>

<aside class="aside">
<div class="sidebar-section">
<h3 class="sidebar-title">Popular Tags</h3>
<div class="tags">
<a href="#" class="tag popular-tag">perl</a>
<a href="#" class="tag popular-tag">python</a>
<a href="#" class="tag popular-tag">TechnoPark</a>
<a href="#" class="tag popular-tag">MySQL</a>
<a href="#" class="tag popular-tag">django</a>
<a href="#" class="tag popular-tag">Mail.Ru</a>
<a href="#" class="tag popular-tag">Voloshin</a>
<a href="#" class="tag popular-tag">Firefox</a>
</div>
</div>

<div class="sidebar-section">
<h3 class="sidebar-title">Best Members</h3>
<div class="members-list">
<a href="#" class="member-link">Mr. Freeman</a>
<a href="#" class="member-link">Dr. House</a>
<a href="#" class="member-link">Bender</a>
<a href="#" class="member-link">Queen Victoria</a>
<a href="#" class="member-link">V. Pupkin</a>
</div>
</div>
</aside>
</main>
</body>
</html>
83 changes: 83 additions & 0 deletions hw1/public/login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../static/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=Coming+Soon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap" rel="stylesheet">
<title>Log In - AskPupkin</title>
</head>
<body>
<header class="header">
<div class="logo">AskPupkin</div>
<div class="header__search">
<input type="text" placeholder="Search">
<button class="search-button">Search</button>
</div>
<div class="header__auth">
<button class="auth-button login">log in</button>
<button class="auth-button register">register</button>
</div>
</header>

<main class="main">
<div class="main-container">
<div class="auth-form">
<h2 class="auth-form__title">Log In</h2>

<div class="alert alert--error">
Sorry, wrong password!
</div>

<form class="form form--auth">
<div class="form__group">
<label for="login" class="form__label">Login</label>
<input type="text" id="login" class="form__input" placeholder="Enter your login here" maxlength="30">
</div>

<div class="form__group">
<label for="password" class="form__label">Password</label>
<input type="password" id="password" class="form__input" placeholder="**********" maxlength="30">
</div>

<button type="submit" class="form__submit">Log in!</button>

<div class="auth-form__footer">
<a href="#" class="auth-form__link">create new account</a>
</div>
</form>
</div>
</div>

<aside class="aside">
<div class="sidebar-section">
<h3 class="sidebar-title">Popular Tags</h3>
<div class="tags">
<a href="#" class="tag popular-tag">perl</a>
<a href="#" class="tag popular-tag">python</a>
<a href="#" class="tag popular-tag">TechnoPark</a>
<a href="#" class="tag popular-tag">MySQL</a>
<a href="#" class="tag popular-tag">django</a>
<a href="#" class="tag popular-tag">Mail.Ru</a>
<a href="#" class="tag popular-tag">Voloshin</a>
<a href="#" class="tag popular-tag">Firefox</a>
</div>
</div>

<div class="sidebar-section">
<h3 class="sidebar-title">Best Members</h3>
<div class="members-list">
<a href="#" class="member-link">Mr. Freeman</a>
<a href="#" class="member-link">Dr. House</a>
<a href="#" class="member-link">Bender</a>
<a href="#" class="member-link">Queen Victoria</a>
<a href="#" class="member-link">V. Pupkin</a>
</div>
</div>
</aside>
</main>
</body>
</html>
Loading