MemeWatch.github.io/index.html at master · MemeWatch/MemeWatch.github.io · GitHub

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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html>
<head>
<title>Meme Watch</title>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="icon" type="image/png" href="m%20star1.png">
<link rel="apple-touch-icon" href="m%20star1.png">
<link rel="stylesheet" href="MW.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Limit for articlebox p is 300 characters-->
<script>
function dankchange() {
	 hidenseek();
	 navbarchg();
	 textchange();
}
function hidenseek() {
    var x = document.getElementById('candywrapper');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    } else {
        x.style.display = 'none';
    }
}
function navbarchg() {
    var x = document.getElementById('hr');
    if (x.style.marginTop === '90px') {
        x.style.marginTop = '185px';
    } else {
        x.style.marginTop = '90px';
    }
}
function textchange() {
    var x = document.getElementById('ftd-txt');
    if (x.style.top === '460px') {
        x.style.top = '555px';
    } else {
        x.style.top = '460px';
    }
}
</script>
</head>
<body>

<div class="navbar" id="nav">
<div class="navbar1">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 100 36" style="enable-background:new 0 0 100 36;" xml:space="preserve"  onclick="dankchange()">
<style type="text/css">
	.st0{fill:#4167B0;}
	.st1{fill:#808080;}
	.st2{fill:#CB9831;}
</style>
<path class="st0" d="M42.3,2.4C37.7,9.6,33.8,17.2,30.7,25c-3.7-7-6.1-14.5-7.4-22.1c-0.3-1.8-3.9-2.2-4.7-0.5
	c-4.7,8.9-9.5,18-11.9,27.6c-0.3-0.4-0.5-0.8-0.7-1.1c-1.2-1.6-2.4-3.3-3.7-4.9c-0.9-1.1-2.8,0-1.9,1.1c1.6,2.2,3.3,4.4,4.9,6.6
	c1,1.3,1.8,3,3.2,3.9c0.4,0.3,1,0.1,1.4-0.2c1.5-1.3,2.6-3.3,3.9-4.8c1.8-1.9,3.8-3.7,5.9-5.2c1.2-0.8,0-2.8-1.1-1.9
	c-2,1.4-3.8,3-5.6,4.7c-0.3,0.3-0.5,0.5-0.7,0.8c1.7-6.3,4.5-12.3,7.5-18.2c1.9,7.4,5.1,14.5,9.2,21.2c1.1,1.7,4.1,1.2,4.7-0.5
	c3.1-9.4,7.5-18.4,13.1-27C48.4,2.1,43.9-0.1,42.3,2.4z"/>
<path class="st1" d="M57.5,30.3c-3.5-9.1-7-18.3-10.4-27.4c-0.4-1.1-1.8-1.8-3.2-1.5c-1.3,0.3-2.2,1.6-1.8,2.7
	c3.5,9.1,7,18.3,10.4,27.4c0.4,1.1,1.8,1.8,3.2,1.5C57,32.7,58,31.5,57.5,30.3z"/>
<path class="st2" d="M96.1,8c-0.6-1.2-1.1-3.3-1.9-4.9c0-0.1-0.1-0.1-0.1-0.2c-0.4-0.9-0.9-1.7-1.5-2.2C91.7,0,91,0.3,90.1,0.9
	C87,3,84.7,5.2,81.2,6.7c-1.3,0.6-0.7,2.7,0.6,2.2c1.7-0.7,3.3-1.5,4.8-2.4c0.5-0.3,1.1-0.7,1.6-1.1c-2.7,5.9-5.4,11.9-7.6,18
	c-2.5-6.3-5-12.7-7.6-19c-0.9-2.1-4-2-5,0c-4,8.3-8.7,16.4-14.1,24.2c-1.9,0.6-2,2.9-0.5,3.8c1.1,0.9,3.1,1.1,4.1-0.3
	c4.8-6.8,9-13.8,12.7-21c2.7,6.8,5.4,13.5,8.1,20.3c0.8,2,4.3,2.2,5,0c2.5-8.3,5.9-16.3,9.6-24.3c1.1,2.7,2.7,5.3,3.9,7.7
	c0.5,1.1,2,0.5,2.1-0.6C99.1,11.9,97,10.1,96.1,8z"/>
</svg>
<form>
  <i class="fa fa-search" aria-hidden="true" style="color:#7F7F7F; font-size:18px;"><input type="text" name="search" placeholder="Search..."></i>
</form>
<a href="User.html"><div class="profile" style="background-image:url(Articles/person.jpg)"></div></a>
<p id="profile">Guest User</p>
</div>
<div id="candywrapper">
<div class="scrollmenu" id="first">
  <a href="#all" id="selected">All</a>
  <a href="#certified">Certified</a>
  <a href="#dank">Dank</a>
  <a href="#upvoted">Upvoted</a>
  <a href="#Liked">Liked</a>
  <a href="#new">New</a>
  <a href="#advice">Advice</a>
  <a href="#howto">How To</a>
  <a href="#opinion">Opinion</a>
  <a href="#charts">Charts</a>
</div>
<div class="scrollmenu" id="symbols" style="background-color:#55a040; margin-top:0;">
  <a href="#pepe">pepe</a>
  <a href="#doge">doge</a>
  <a href="#visit">visit</a>
  <a href="#histy">histy</a>
  <a href="#spgbb">spgbb</a>
  <a href="#kermt">kermt</a>
  <a href="#rckrl">rckrl</a>
  <a href="#pewpi">pewpi</a>
  <a href="#cena">cena</a>
  <a href="#meme">stdath</a>
  <a href="#meme">srreal</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
  <a href="#meme">meme</a>
</div>
</div>
</div>
<hr id="hr">
<div id="ftd-txt"><h1>Meme Watch is Born</h1><a href="featured.html">Learn more about monthly features.</a></div>
<center style="margin-top:-10px; max-height:450px; overflow:hidden; background-color:#f4f4f4; margin-bottom:25px;"><div class="featured" style="background-image:url(Articles/IMG/Banner.png)"></div>
<a href="Articles/_2.html"><div class="ftd-art" id="advice"><div class="image" style="background-image:url(Articles/IMG/Italian-Meme-Chart.png);background-size:contain"></div><h3>Market Volatility and what it means for investors</h3>
<div class="author">Meme Watch</div>
<div class="date">March 20, 2017</div>
<p>In this day in age, finding long term investments are harder than ever due to market volatility. Because of this, meme traders are having trouble finding when to sell, and when to hold on. This article looks into the volatile meme market, and possible causes.</p>
<center class="flair"><i class="fa fa-lightbulb-o"></i><i class="fa fa-star sec"></i><i class="fa fa-certificate"></i></center>
</div></a>
<a href="Articles/_3.html"><div class="ftd-art finalist" id="howto"><div class="image" style="background-image:url(Articles/IMG/Dichotamous-Key.png)"></div><h3>A Dichotamous Key to Identify Normie Memes</h3>
<div class="author">Meme Watch</div>
<div class="date">March 20, 2017</div>
<p>Recognizing normie memes can be a dauting task. The ability to do so well is a valuable asset in the Doge eat Doge world of meme economy. This article, styled like a dichotamous key, is capable of analyzing any meme by following a step by step questonaire.</p>
<center class="flair"><i class="fa fa-question"></i><i class="fa fa-star third"></i><i class="fa fa-certificate"></i></center>
</div></a>
</center>
<div id="sort">
<div class="dropdown">
  <button class="dropbtn">Sort By:</button>
  <div class="dropdown-content">
    <a href="#">Dank</a>
    <a href="#">New</a>
    <a href="#">Top</a>
  </div>
</div>
<!--<h3 style="color:white; font-family:'Comic Sans MS', sans-serif; letter-spacing:2px; max-width:200px; float:right; vertical-align:middle">All</h3>-->
</div>

<center>
<a href="Articles/_3.html"><div class="articlebox" id="opinion"><div class="image" style="background-image:url(Articles/IMG/Rare-Pepe.jpg)"></div><h3>Rare Pepes: Are they worth it?</h3>
<div class="author">Meme Watch</div>
<div class="date">March 20, 2017</div>
<p>Rare Pepes; we've all seen them before, and it's safe to say that many of use have at least one in our portfolio. However, they are shrouded in mystery. What is the value of a pepe lacking a watermark? What makes a pepe valuable? Are they a viable long term investment? This article aims to answer these questions.</p>
<center class="flair"><i class="fa fa-comments"></i><i class="fa fa-certificate"></i></center>
</div>
</a>
<a href="Articles/_4.html"><div class="articlebox" id="advice"><div class="image" style="background-image:url(Articles/IMG/CMAS.png)"></div><h3>Seasonal Memes</h3>
<div class="author">Meme Watch</div>
<div class="date">April 17, 2017</div>
<p>Every year, holiday memes spike in their month, fall immediately after, and repeat the proccess again. Just like clockwork. And although Christmas memes, Easter memes, and Halloween memes are low in value, they're easy money. This article aimes to help investors buy and sell these memes at the right time.</p>
<center class="flair"><i class="fa fa-lightbulb-o"></i><i class="fa fa-certificate"></i></center>
</div>
</a>

<a href="mailto:memewatchhelp@gmail.com?Subject=Submission"><div class="articlebox"><div class="image" style="background-image:url(Articles/IMG/doge.jpg)"></div><h3>Your Article Here</h3>
<div class="author">You!</div>
<div class="date">Today!</div>
<p>This could be your article! Just email <b>memewatchhelp@gmail.com</b> to submit. Soon, you'll be helping hundreds of readers and gaining thousands of fake internet points. In the future, we hope to make this proccess easier, so please be patient.</p>
</div>
</a>
</center>
<center style="width:calc(100% - 20px); background-color:#7BC267; padding:10px; color:white; font-family:sans-serif; word-spacing:2.5px; margin-top:50px;"><p><span>Meme Watch. Meant for everyone, just like communism.</span> <img src="logo.png" style="width:50px;" alt="logo"/></p></center>
<div class="footer">
<center class="socialicons">
<a href="#" class="fa fa-google" style="background-color:#dd4b39;"></a>
<a href="#" class="fa fa-envelope" style="background-color:#bb0000"></a>
<a href="#" class="fa fa-reddit" style="background-color:#ff5700"></a>
</center>
<center style="font-size:14px; margin-top:20px;">
<a href="Articles/_1.html" class="a1"><p>Write Something</p></a>
<a href="faq.html" class="a1"><p>FAQ's</p></a>
<a href="mailto:memewatchhelp@gmail.com?Subject=Can%I%Helpzez?" class="a1"><p>Help Us</p></a>
<a href="donate.html" class="a1"><p>Donate</p></a>
<a href="tos.html" class="a1"><p>Terms of Service</p></a>
<a href="mm.html" class="a1"><p>Meme Mail</p></a>
</center>
</div>
<center style="background-color:#353535; width:100%; padding:15px 0; color:white; font-family:sans-serif; font-size:10px;">&copy Meme Watch, 2017. All rights reserved.</center>
</body>
</html>