-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
70 lines (58 loc) · 3.05 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>News</title>
<meta name="language" content="French">
<meta name="description" content="News website Js project">
<meta name="author" content="Yohann Boniface">
<link rel="icon" type="image/x-icon" href="svg/github_icon.svg">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<header>
<h1>News JS</h1>
<h2>Github</h2>
<a class="github-button" href="https://github.com/Sigmanificient" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-size="large" data-show-count="true" aria-label="Follow @Sigmanificient on GitHub">Follow @Sigmanificient</a>
<a class="github-button" href="https://github.com/Sigmanificient/js_news/archive/HEAD.zip" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-icon="octicon-download" data-size="large" aria-label="Download Sigmanificient/js_news on GitHub">Download</a>
<a class="github-button" href="https://github.com/Sigmanificient/js_news" data-color-scheme="no-preference: dark; light: dark; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star Sigmanificient/js_news on GitHub">Star</a>
</header>
<main>
<h2>Écrivez Votre Article</h2>
<form>
<label for="titre">
<input type="text" id="titre" value="Lorem ipsum dolor sit amet"/>
</label>
<label for="description">
<textarea id="description">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A alias aliquid aperiam fugit laborum nihil officia optio perferendis porro quia recusandae rem, soluta vitae? Dignissimos, error fugiat in maxime obcaecati perferendis repudiandae sequi. Assumenda atque blanditiis ducimus, earum est, hic neque nisi numquam officia quaerat quis quod repellendus reprehenderit repudiandae sequi tempora veniam veritatis. Accusamus architecto aspernatur atque culpa debitis et facilis iste laborum maxime molestias nisi nostrum quis, suscipit ullam veniam
</textarea>
</label>
<button type='button' onclick='addNews();'>Add news</button>
</form>
<h2>Tous les Articles</h2>
<section id="news_wrapper">
<!-- Lets the articles flows ! -->
</section>
</main>
</body>
<script src="js/news.js"></script>
<script type="text/javascript">
function addNews() {
news.push(
new News(
"news_wrapper",
document.getElementById("titre").value,
document.getElementById("description").value
)
)
Save()
}
</script>
</html>