-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
176 lines (165 loc) · 7.48 KB
/
portfolio.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
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
<style>
body {
background-image: url("http://i.imgur.com/70bmXUF.png");
background-repeat: repeat;
}
table, .sf {
display: none;
}
body {
font: 11px arial;
font-weight: normal;
color: #34313a;
}
#content {
width: 270px;
height: 309px;
margin-top: 123px;
margin-left: 196px;
overflow: auto;
padding: 5px;
text-align: justify;
}
a {
text-decoration: none;
font: 11px georgia;
font-style: italic;
color: #bb9988;
font-weight: bold;
}
a:hover {
letter-spacing: 2px;
}
#kad img, #guild img {
width: 83px;
}
div#nav {
width: 75px;
margin-left: 83px;
margin-top: -14px;
}
#navTitle {
color: #af7fa4;
font-size: 21px;
font-weight: bold;
}
#nav a {
display: inline-block;
background: #ffecf4;
width: 75px;
font: 10px arial;
text-decoration: none;
color: #cf80cb;
padding: 5px;
text-align: center;
margin-bottom: 5px;
}
#nav a:hover {
background: #cf80cb;
color: #ffecf4;
}
#me, #neogoals, #kad, #guild, #tech {
margin-bottom: 5px;
}
h1 {
padding: 2px;
padding-left: 7px;
background-color: #fbe2f1;
margin-bottom: 7px;
font: 17px arial;
text-transform: lowercase;
font-weight: bold;
text-align: right;
color: #af7fa4;
letter-spacing: 5px;
}
h2 {
font: 12px rockwell;
text-transform: uppercase;
}
b {
text-transform: uppercase;
color: #aa77aa;
letter-spacing: -1px;
}
i {
font: 12px rockwell;
color: #ccaabb;
}
li {
margin-left: -30px;
}
</style><div id="nav" style="position: absolute;">
<span id="navTitle">navigate</span>
<a href="#me" style="border-radius: 3px;">about me</a>
<a href="#neogoals" style="border-radius: 3px;">neogoals</a>
<a href="#kad" style="border-radius: 3px;">kad</a>
<a href="#custom" style="border-radius: 3px;">custom</a>
<a href="#guild" style="border-radius: 3px;">guild</a>
<a href="#tech" style="border-radius: 3px;">my tech</a>
<a href="#credit" style="border-radius: 3px;">creds</a>
</div>
<div id="content">
<div id="me">
<h1>about me</h1>
<p>Hi there! Welcome to my pseudo portfolio slash get to know me page! My name is Michelle and I previously went by <b>mochadroppe</b> before I got sadly iced. Long story short about why I got iced: I had a script running to help me <a href="#kad">kad</a>, which is of course against the rules but the programmer side of me couldn't help it.
</p>
<p>Speaking of programmer, when it comes to offsite, I'm <i>studying computer science</i> in my last year of college! I love being able to create scripts and programs that help aid me in whatever issues I come across, which results in me creating scripts that help me manage what I really enjoy about this site, <a href="#guild">my guild</a>.</p>
<p>
Aside from that, I love watching korean drama and binging Netflix shows in my spare time. A more recent show I've been watching is a delightful show called <b>Sense8</b>, which is about human connection and what's it like to be an individual.
</p>
</div>
<div id="neogoals">
<h1 style="text-align: left;">neogoals</h1>
<p>Despite the fact that I didn't really accomplish much NR on my original main (lulz), I still would like to restore the accomplishments I've made previously: </p>
<ul style="list-style-type: none;"><li><b style="letter-spacing: 5px;">[ ]</b> Earn at least 10 million NP</li>
<li><b style="letter-spacing: 5px;">[ ]</b> Feed 75 kadoaties</li>
<li><b style="letter-spacing: 5px;">[ ]</b> Max pets' intelligence</li>
<li><b style="letter-spacing: 5px;">[ ]</b> Complete a <a href="#custom">customization</a></li>
</ul></div>
<div id="kad">
<h1>kad</h1>
<p>I never really did anything NR here in the site besides working on <a href="#guild">my guild</a> but I guess the lure of getting that spiffy cute pink kadoatie avatar has gotten me.</p>
<p>
Below are the screenshots of the kadoaties I have fed through this account! (Hover over image to see when I fed the kad.)
</p>
<img src="http://i.gyazo.com/6a93a236ce4e3fe0c0483785aff3c932.png" title="06/02/2018"><img src="http://i.gyazo.com/d426c26c0292e093d5c996ba49d02f40.png" title="06/02/2018"><img src="http://i.gyazo.com/a2113933b128e3b02bd7c526409ca53e.png" title="06/03/2018"><img src="http://i.gyazo.com/2a4a29c02b1db1dc969d62d6023f06e0.png" title="06/03/2018"><img src="http://i.gyazo.com/c0fe3e9cbf4ee25aeeb1243a233911ea.png" title="06/03/2018"><img src="http://i.gyazo.com/ea7e2fb96b1b87e0b2261d9b680c56d4.png" title="06/03/2018"><img src="http://i.gyazo.com/4d6d491b434d870e76fefda7298931eb.png" title="06/03/2018"><img src="http://i.gyazo.com/6ca3fabea990a9014d2e94fb12fb673f.png" title="06/03/2018"><img src="http://i.gyazo.com/21dfb076c686f01e9bb96ec5ce530a5a.png" title="06/03/2018"><img src="https://i.gyazo.com/03c5fed813c350df53b5290f399e9984.png" title="06/04/2018"></div>
<div id="custom">
<h1 style="text-align: left;">customization</h1>
<p>Here are the customizations I want~ Will be using this space to track the items I still need to get in order to obtain them.</p>
</div>
<div id="guild">
<h1 style="text-align: left;">guild</h1>
<a href="/~muhowebbie"><img src="http://i57.tinypic.com/28b7in4.png"></a><a href="/~muhowebbie"><img src="http://i61.tinypic.com/6s9rb7.gif"></a>
<a href="/~muhowebbie"><img src="http://i.imgur.com/a1SSXmt.gif"></a>
<p>Honestly, where would I be without <a href="/~muhowebbie">muxho</a>? <b>MuxHo</b> was a guild started in August 2014, by me and my friend, <a href="/userlookup.phtml?user=tsubasakuraika"> Jane</a>. We had a simple idea: we wanted to create a community that invites anime and manga fans and allows them to talk and form long lasting relationships. </p>
<p>
Admittedly, we had our bumps. Our guild was deleted after I got my first account silenced/warned because of our Zankyou no Terror themed layout (in other words, I'm dumb). More dumb mistakes were made with us making messages that included offsite links and I guess it's sad to say, but the whole experience has pretty much desensitized me to getting iced (probably why although I was upset over )
</p>
<p>
Anywho, aside from the consistent rule breaking over the years, I've also made amazing friends in the guild. While many come and go, I still manage to talk with them once in awhile offsite and recall fond memories I've had with them.
</p>
<p>
And it's probably for this reason even though <b>MuxHo</b> has seen around six resignations, I've still remained in this little community, unable to let it go. Because as cheesy as this may sound, MuxHo is pretty much embedded in my life and the people in the community have been a great support circle and family over the years I've known them.
</p>
</div>
<div id="tech">
<h1>my tech</h1>
<p>
As mentioned and hinted in my <a href="#me">intro</a>, I love creating technologies that better aid my experiences around the web. And because going on Neopets and visiting my guild is such an integral part of my life, I love creating applications that help me and my guild mates with their web experiences.
</p>
<p>
Without further ado, here they are:
</p>
<h2>neoify • github/neoify @ ml4963</h2>
<p>Alerts members in guild when a person or new message has been posted in the guild board & checks the message a user is typing for words that are censored by the site.</p>
<h2>neotracker • github/neotracker @ ml4963</h2>
<p>Tracks member post count activity and stores it to later make graphs that displays guild activeness.</p>
</div>
<div id="credit">
<h1>credit</h1>
<p>guild buttons used are credited to their respective creators: ___</p>
<p>neopets background of the layouts is also credited to its respective creator (will specify when i figure out who it is).</p>
<p>photoshop work and code is done entirely by <a href="/userlookup.phtml?user=myonigiri">moi</a></p>
</div>
</div>