/
Page-1.html
121 lines (112 loc) · 10.2 KB
/
Page-1.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html style="font-size: 16px;">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Business Strategy, Your Success in Business is Our Duty, Quick, smart, grate solutions, about studio, Pricing Table Template, Contact Us">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>Page 1</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Page-1.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 2.28.1, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Bebas+Neue:400">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"url": "index.html",
"logo": "images/2PHElil2.png"
}</script>
<meta property="og:title" content="Page 1">
<meta property="og:type" content="website">
<meta name="theme-color" content="#eae8e9">
<link rel="canonical" href="index.html">
<meta property="og:url" content="index.html">
</head>
<body class="u-body u-overlap"><header class="u-clearfix u-header u-header" id="sec-d444"><div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<a href="https://nicepage.com" class="u-image u-logo u-image-1">
<img src="images/2PHElil2.png" class="u-logo-image u-logo-image-1" data-image-width="64">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0; font-weight: 700; text-transform: uppercase;">
<a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-body-alt-color u-text-hover-grey-90" href="#">
<svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="menu-hamburger" viewBox="0 0 16 16" style="width: 16px; height: 16px;"><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</symbol>
</defs></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-spacing-30 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-90 u-text-hover-grey-90" href="home.html" style="padding: 10px 0;">home</a>
</li><li class="u-nav-item"><a class="u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-90 u-text-hover-grey-90" href="" style="padding: 10px 0;">Page 1</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="home.html" style="padding: 10px 20px;">home</a>
</li></ul>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-center u-clearfix u-image u-section-1" id="carousel_46df" data-image-width="4000" data-image-height="2666">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-custom-font u-text u-text-white u-text-1">PeaceBOt <br>by <br>Peace/hate
</h1>
</div>
</section>
<section class="u-align-center u-clearfix u-section-2" id="sec-6002">
<div class="u-clearfix u-sheet u-sheet-1">
<h2 class="u-custom-font u-font-playfair-display u-text u-text-custom-color-1 u-text-default u-text-1">A savvy tool to fight Islamophobia</h2>
<p class="u-align-center u-text u-text-default u-text-2">Peacebot was created by The Minority Hackers during the Technica Hackathon!</p>
</div>
</section>
<section class="u-align-left u-clearfix u-section-3" id="carousel_75f5">
<div class="u-clearfix u-sheet u-sheet-1">
<img class="u-expand-resize u-image u-image-1" src="images/PoH21.png" data-image-width="2205" data-image-height="945">
</div>
</section>
<section class="u-align-center u-clearfix u-section-4" id="carousel_1292">
<div class="u-clearfix u-sheet u-sheet-1">
<h3 class="u-custom-font u-font-playfair-display u-text u-text-custom-color-1 u-text-default u-text-1" data-animation-name="fadeIn" data-animation-duration="1000" data-animation-delay="0">About Peace/Hate</h3>
<p class="u-align-justify u-custom-font u-font-raleway u-text u-text-default u-text-palette-5-dark-2 u-text-2">Peace/Hate (Peace over hate) is an organization with a main focus of fighting Islamophobia through education and action. Our tool "PeaceBot" was created to respond to comments and messages with Islamophobic terms and phrases before and after sending on social media platforms. PeaceBot is different than other censorship bots on most social media platforms because it solves the issue before the damage is done. </p>
<h3 class="u-custom-font u-font-playfair-display u-text u-text-custom-color-1 u-text-default u-text-3">How does PeaceBot work?</h3>
<p class="u-align-justify u-custom-font u-font-raleway u-text u-text-default u-text-palette-5-dark-2 u-text-4">PeaceBot operates by reacting to flagged Islamophobic comments, words, and phrases in our database. How it works is prior to sending a message a notification will appear and highlight a flagged comment if need be; the notification will usually mention something along the lines of "Are you sure you want to say that?" - After this PeaceBot will give the person an option to change their message or send it. If the person chooses to send it PeaceBot will delete the comment and they will be given links that re-directed to informational Islamic websites to educate them about Islam and why Anti-Muslim misconceptions and stereotypes are innapropriate, incorrect and should not be spread throughout the internet. If the person chooses to delete their comment instead of sending it then PeaceBot will give them a positive message like "Thank you for making a positive change!" and it will provide them links similar to the ones mentioned before. </p>
</div>
</section>
<section class="u-align-center u-clearfix u-section-5" id="carousel_d33e">
<div class="u-clearfix u-sheet u-sheet-1">
<h4 class="u-custom-font u-font-playfair-display u-text u-text-custom-color-1 u-text-1">Future goals <br>for<br> Peace/Hate
</h4>
<p class="u-align-justify u-custom-font u-font-raleway u-text u-text-palette-5-dark-2 u-text-2">In the future we would like to expand PeaceBot's capabilities and create additional functions that will further help advocate for change, for a variety of causes. Future features can include advocacy tools to spread awareness on growing causes around the world like for ex. the Uyghur Muslim holocaust in Northwestern, China or the epidemic of missing and murdered indigenous women. Although Islamophobia is our main focus and what sparked the idea for PeaceBot, Peace/Hate will become an all encompassing organization that uses our tool, "PeaceBot" to advocate for many causes especially the ones that are often overlooked or misunderstood like instituitionalized, sexism, and xenophobia and fight hate speech.</p>
</div>
</section>
<section class="u-clearfix u-section-6" id="sec-f2a7">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-custom-font u-font-playfair-display u-text u-text-custom-color-1 u-text-default u-title u-text-1"><b style="">Behind the Name</b>
</h1>
<p class="u-custom-font u-font-raleway u-text u-text-2">The significance behind the name Peace over Hate reflects our main goal which is to promote peace, tolerance and solidarity while combating hate speech. Why an emphasis on peace? Well, because Islam is derived from the root word "Salam" in Arabic, which literally translates to peace. Islam is a religion that promotes peace and respect towards others, but more often than not Muslims are labled as violent and hostile which is the opposite of what our faith teaches us to be. By also giving our tool the name PeaceBot, we can combat and respond to hate speech in a respectful manner according to Islamic teachings.</p>
</div>
</section>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-cbeb"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">PeaceoverHate #hackislamophobia</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
<a class="u-link" href="https://nicepage.com/website-templates" target="_blank">
<span>Website Templates</span>
</a>
<p class="u-text">
<span>created with</span>
</p>
<a class="u-link" href="https://nicepage.com/" target="_blank">
<span>Website Builder Software</span>
</a>.
</section>
</body>
</html>