Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@m8rzz7
m8rzz7 authored Apr 14, 2024
1 parent c7c2004 commit 3073c63
Show file tree
Hide file tree
Showing 10 changed files with 563 additions and 206 deletions.
189 changes: 144 additions & 45 deletions about.html
View file

Large diffs are not rendered by default.

101 changes: 96 additions & 5 deletions extra.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,21 +27,112 @@
<main>
<section class="lead spacing">
<h1 class = "primary-statement">mew reviews of RU</h1>
<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
<p class="secondary">delve into the <em>mew</em>-niverse</p>

<div class="lead-display">
<p></p>
</div><!--end of lead-display-->
</section>
<section class="ru-title">
<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
<h1>more a<em id="mew-em">-mew-</em>zing content</h1>
<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
<h1>more a<em id="mew-em">-mew-</em>zing content beyond the mewniverse</h1>
</section><!--end of ru-title-->

<section>
<h1 id="coming">COMING SOON!!!</h1>
<nav class="page-nav">
<div class="dropdown">
<span><a href="#more-ru">more rutgers</a></span>
<div class="dropdown-content">
<a href="#rare">rutgers rarities</a>
<a href="#med">the medium</a>
<a href="#dt">the daily targum</a>
<a href="#her">her campus</a>
</div>
</div><!--end of 'more-ru' dropdown-->

<div class="dropdown">
<span><a href="#poke">more pok&#233;mon&trade;</a></span>
<div class="dropdown-content">
<a href="#pokedex">complete pok&#233;dex</a>
<a href="#wiki">mew wiki</a>
<a href="#showdown">pok&#233;mon&trade; showdown</a>
</div>
</div><!--end of 'poke' dropdown-->

<a href="#rupoke">more rutgers and pok&#233;mon&trade;</a>
</nav>

<section id="more-ru">
<h2>More RU</h2>

<h3 id="rare"><a href="https://rutgersrarities.com/" target="_blank">Rutgers Rarities</a></h3>
<p>
Are you interested in all things supernatural at <a href="https://newbrunswick.rutgers.edu/" target="_blank">Rutgers University</a>? Rutgers Rarities has got you covered! This site showcases over 45 stories investigating <a href="https://rutgersrarities.com/2021/02/15/the-haunted-winery-of-bound-brook/" target="_blank">hauntings</a>, <a href="https://rutgersrarities.com/2021/02/14/animal-sightings-on-campus/" target="_blank">weird animals</a>, and <a href="https://rutgersrarities.com/2021/02/14/the-no-bell-tower-or-whos-got-the-biggest-ping-pong-balls-of-all/" target="_blank">old abandoned buildings</a> on campus.
</p>

<h3 id="med"><a href="https://rutgersthemedium.wordpress.com/" target="_blank">The Medium</a></h3>
<p>
The Medium is a satirical <q>news</q> outlet created by Rutgers students, similar to <a href="https://www.theonion.com/" target="_blank">The Onion</a> These articles are usually comedically critical of the academic institution which the writers attend, and some are entirely unrelated and focus on pop-culture.
</p>

<h3 id="dt"><a href="https://dailytargum.com/" target="_blank">The Daily Targum</a></h3>
<p>
If you're looking for real news and insight on Rutgers written by students, look no further than the Daily Targum! The Daily Targum is actually the second-oldest college new organization (<a href="https://dailytargum.com/page/about" target="_blank">founded in 1869</a>) and one of the largest. The website has a wide variety of article topics, ranging from <a href="https://dailytargum.com/section/news" target="_blank">news</a>, <a href="https://dailytargum.com/section/sports" target="_blank">sports</a>, <a href="https://dailytargum.com/section/opinions" target="_blank">opinion pieces</a>, and <a href="https://dailytargum.com/section/inside-beat" target="_blank">more</a>! There is a <a href="https://dailytargum.com/section/humans-of-rutgers" target="_blank">photo gallery section</a> displaying the vastly diverse community at Rutgers.
</p>

<h3 id="her"><a href="https://www.hercampus.com/school/rutgers/" target="_blank">Her Campus--Rutgers</a></h3>
<p>
Her Campus is a media platform devoted to empowering college women globally. It was <a href="https://www.hercampusmedia.com/about" target="_blank">founded by and for college women</a> and centers on the unique experience of navigating this transformative stage of life. According to their <a href="https://en.wikipedia.org/wiki/Her_Campus#:~:text=As%20of%202024%2C%20Her%20Campus,more%20than%207%2C500%20chapter%20members." target="_blank">Wikipedia page</a>, <q>As of 2024, Her Campus Chapter Network consists of more than 380 chapters worldwide, with more than 7,500 chapter members,</q> including Rutgers University! Additionally, the site has even featured articles relating to Pokémon as well (read <a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Top 5 Pok&#233;mon&trade; GO Hot Spots on College Avenue</a>).
</p>

</section>


<nav class="page-nav">
<a href="#">back to top</a>
</nav>

<section id="poke">
<h2>More Mew and other Pok&#233;mon&trade;</h2>

<h3 id="pokedex"><a href="https://pokemondb.net/pokedex/all" target="_blank">Complete Pok&#233;mon&trade; Pok&#233;dex</a></h3>
<p>
For those interested in learning more about any Pok&#233;mon from the 9 generations, check out this database, which is complete with each of their main stats. The database is by default listed in numeric order from 0001 to 1025, and be switched to reverse order. There's also an option to sort by type.
</p>

<h3 id="wiki"><a href="https://bulbapedia.bulbagarden.net/wiki/Mew_(Pok%C3%A9mon)" target="_blank">Bulbagarden--Mew Wiki</a></h3>
<p>
Do you want to know more about Mew? This page covers a very in-depth, comprehensive biography on Mew. The site also has detailed information on other Pokémon, with a <a href="https://bulbapedia.bulbagarden.net/wiki/List_of_Pok%C3%A9mon_by_National_Pok%C3%A9dex_number" target="_blank">list of Pok&#233;mon by Nation Pok&#233;dex number</a>.
</p>

<h3 id="showdown"><a href="https://pokemonshowdown.com/" target="_blank">Pok&#233;mon&trade; Showdown</a></h3>
<p>
Have you ever wanted to compete in a Pok&#233;mon battle? Pok&#233;mon Showdown can make your dreams come true! This site virtual simulates battles which can be played in browser or as a desktop application.
</p>
</section>

<nav class="page-nav">
<a href="#">back to top</a>
</nav>

<section id="rupoke">
<h2>More Rutgers and Pok&#233;mon&trade;</h2>
<h3><a href="https://rutgers.campuslabs.com/engage/organization/rutgerspokemon" target="_blank">getINVOLVED--Rutgers Pok&#233;mon&trade; Club</a></h3>
<p>
Did you know Rutgers New Brunswick has a Pok&#233;mon club? The organization serves as a network for students with a strong interest in Pok&#233;mon, by creating discussion forums, debates, and a space for Pok&#233;mon fanatics to bond.
</p>
<h3><a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Her Campus--Rutgers Pok&#233;mon&trade; Article</a></h3>
<p>
Rutgers Alumni, Class of 2019, Keoni Nguyen, wrote this article to share the
<a href="https://www.hercampus.com/school/rutgers/top-5-pokemon-go-hot-spots-college-avenue/" target="_blank">Top 5 Pok&#233;mon&trade; GO Hot Spots on College Avenue</a>. Keoni has also written many <a href="https://www.hercampus.com/author/keoni-nguyen/" target="_blank">other excellent articles</a> for the <a href="https://www.hercampus.com/school/rutgers/" target="_blank">Her Campus chapter at Rutgers</a>.
</p>
</section>

<nav class="page-nav">
<a href="#">back to top</a>
<a href="./about">about</a>
<a href="./reviews">reviews</a>
<a href="./gallery.html">gallery</a>
</nav>
</main><!--main ends-->

</div><!--wrapper ends-->
Expand Down
146 changes: 97 additions & 49 deletions gallery.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,79 +27,127 @@
<main>
<section class="lead spacing">
<h1 class = "primary-statement">mew reviews of RU</h1>
<p class="secondary">this site is <em>NOT</em> affiliated with Rutgers University-New Brunswick or Pok&#233;mon&trade;</p>
<p class="secondary">delve into the <em>mew</em>-niverse</p>

<div class="lead-display">
<p></p>
</div><!--end of lead-display-->
</section>
<section class="ru-title">
<img src="images/SVG/rumew.svg" height="100px" alt="large red letters spelling out RU Mew" class="aligncenter">
<h1 class="main-header">photo gallery</h1>
<p class="credit center">mew image via <a href="https://www.pngmart.com/image/377265" target="_blank">PNG mart</a></p>
<h1 class="main-header" id="gal">photo gallery</h1>
</section><!--end of ru-title-->

<section class="showcase">

<div class="flex-gallery">

<figure>
<img src="images/tea2.jpg" alt="picture" width="200px"/>
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/tea1.jpg" alt="tea pot with two cups of chair and a small vase of flowers" width="200px"/>
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/khyber.jpg" alt="inside of khyber coffee and tea" width="200px"/>
<figcaption>inside of khyber</figcaption>
</figure><!--figure ends-->


<figure>
<img src="images/bug-sticker.jpg" alt="picture" width="200px"/>
<figcaption>animal sticker</figcaption>
</figure><!--figure ends-->

<figure>
<img src="images/harvest1.jpg" alt="picture" width="200px"/>
<figcaption>harvest cafe meal</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-smoothie.jpg" alt="mew next to purple smoothie" width="200px"/>
<figcaption>harvest cafe smoothie</figcaption>
</figure><!--figure ends-->

<figure>
<img src="images/mew-radreads.jpeg" alt="radical readings book club group photo with mew at the bottom right" width="200px"/>
<figcaption>radical reads book club</figcaption>
</figure><!--figure ends-->

<figure>
<img src="images/comp-mew.jpg" alt="mew on top of a laptop" width="200px"/>
<figcaption>mew computing</figcaption>
</figure><!--figure ends-->

<div>
<h2 id="khyber" class="gallery-title">inside of khyber coffee &#38; tea</h2>
<p>
Khyber Coffee &#38; Tea is a cozy cafe located in downtown New Brunswick. I took these photos when visiting. The first two photos are of a small pot of hot chai, served with two petite glass cups. Interestingly, the kettle is placed on a metal circle that holds a candle underneath it, to maintain heat. For more detail on Khyber, you can read my review of it <a href="./rev2">here</a>.
</p>
<div class="flex-gallery">
<figure>
<img src="images/tea2.jpg" alt="picture" width="200px"/>
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/tea1.jpg" alt="tea pot with two cups of chair and a small vase of flowers" width="200px"/>
<figcaption>chai from khyber</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/khyber.jpg" alt="inside of khyber coffee and tea" width="200px"/>
<figcaption>inside of khyber</figcaption>
</figure><!--figure ends-->
</div><!--end of khyber-->

<h2 id="harvest" class="gallery-title">phone eats first at harvest cafe</h2>
<p>
<a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a> is a cafeteria located on Douglas Campus in the <a href="https://maps.rutgers.edu/#/?click=true&selected=6432" target="_blank">Institute for Food Nutrition and Health</a>. The food here is made fresh and right in front of you! The chefs exhibit their culinary talents here on a daily basis. Harvest offers a wide variety of delicious food from a frequently changing menu, ranging from noodle soups to freshly made smoothies. There are also prepackaged fresh sandwiches that you can take home to enjoy later. One meal swipe can get you an entrée with a side and a drink, or a smoothie with a side. Not only is the food from Harvest Cafe incredibly delicious, it is also quite aesthetically pleasing! The first image is from my first time at Harvest Cafe. I got <a href="https://www.cookwithmanali.com/palak-paneer/" target="_blank">palak paneer</a> as my entrée, with a chocolate cookie as my side and iced coffee to drink. My second meal at Harvest was lentils and rice, with an oatmeal raisin cookie and passion fruit iced tea. During my second visit, I also got the purple sky smoothie, which contains lots of berries and antioxidants.
</p>
<div class="flex-gallery">


</div><!--ends of flex gallery-->
<figure>
<img src="images/harvest1.jpg" alt="picture" width="200px"/>
<figcaption>harvest cafe meal</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/harvest2.jpg" alt="picture" width="200px"/>
<figcaption>harvest cafe meal</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-smoothie.jpg" alt="mew next to purple smoothie" width="200px"/>
<figcaption>harvest cafe smoothie</figcaption>
</figure><!--figure ends-->
</div><!--end of harvest-->

<h2 id="campuses" class="gallery-title">exploring different campuses</h2>
<p>
I love exploring the different campuses at Rutgers! Each campus has a very distinguishable vibe and offers unique experiences. My personal favorite is the <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">College Ave</a> campus, mostly because there are so many parties and good places to eat there! Below, the first image is from my <a href="./rev1">review</a> of the <a href="https://it.rutgers.edu/new-brunswick/new-brunswick-computer-labs/college-ave-computer-center-lab/" target="_blank">Academic Building East Computer Lab</a>. The second image is of a sticker that I discovered while walking around on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">Cook-Douglas</a> after eating at <a href="https://ifnh.rutgers.edu/harvest.html" target="_blank">Harvest Cafe</a>. The third one was taken on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">Busch Campus</a>, at the <a href="https://prcc.rutgers.edu/" target="_blank">Paul Robe Cultural Center</a>, after a book club meeting with <em>Radical Reads</em>.
</p>

<div class="flex-gallery">
<figure>
<img src="images/comp-mew.jpg" alt="mew on top of a laptop" width="200px"/>
<figcaption>mew at the <a href="./rev1">academic building east</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/bug-sticker.jpg" alt="picture" width="200px"/>
<figcaption>animal sticker found on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/cook-campus" target="_blank">cook doug</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-radreads.jpeg" alt="radical readings book club group photo with mew at the bottom right" width="200px"/>
<figcaption>mew with radical reads book club at the <a href="https://prcc.rutgers.edu/" target="_blank">PRCC</a></figcaption>
</figure><!--figure ends-->
</div><!--end of small photos-->

<p>

</p>
<div class="flex-gallery">
<figure>
<img src="images/hellokitty-busch.jpg" alt="hello kitty with a palestinian flag sticker on a yellow pole" width="200px"/>
<figcaption>hello kitty sticker on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/busch-campus" target="_blank">busch campus</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/mew-aacc.jpg" alt="mew plushie on a table at the aacc" width="200px"/>
<figcaption>mew at the <a href="https://aacc.rutgers.edu/" target="_blank">AACC</a> on <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/livingston-campus" target="_blank">livingston campus</a></figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/demarest.jpg" alt="graffiti of white rabbbit and snoopy in a yellow puffer jacket" width="200px"/>
<figcaption>in the <a href="https://www.instagram.com/demaresthallevents/" target="_blank">demarest hall</a> basement</figcaption>
</figure><!--figure ends-->
<figure>
<img src="images/bartlet-st.jpg" alt="yellow street sign that says melty heart ahead" width="200px"/>
<figcaption>bartlet st & <a href="https://newbrunswick.rutgers.edu/discover-rutgers/explore-our-spaces/college-avenue-campus" target="_blank">college ave</a> intersection</figcaption>
</figure><!--figure ends-->
</div><!--end of "exploring"-->

</div><!--ends of gallery-->

<figure class="center">
<img src="images/mew-tree.jpeg" alt="mew resting on a tree branch" id="mew-tree"/>
<figcaption>voorhees mall tree</figcaption>
<figcaption id="mew-tree">mew resting on a tree in <a href="https://grid.rutgers.edu/voorhees-mall-xr-campus-tour" target="_blank">voorhees mall</a></figcaption>
</figure><!--figure ends-->


<h2>Our Photographer</h2>
<h2>Our Photographer—Oshawott</h2>
<figure class="alignleft">
<img src="images/psyduck-cam.jpg" alt="psyduck taking a picture with a digital camera" height="200px"/>
<img src="images/oshawott.jpg" alt="oshawott" height="195px" class="rcorners"/>
<figcaption></figcaption>
</figure>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in cursus turpis. Sed egestas egestas fringilla phasellus faucibus. Ut pharetra sit amet aliquam id. Congue eu consequat ac felis donec et. Est lorem ipsum dolor sit. Faucibus interdum posuere lorem ipsum dolor sit. A scelerisque purus semper eget duis at tellus at. Morbi quis commodo odio aenean sed adipiscing diam donec. Posuere sollicitudin aliquam ultrices sagittis. Gravida arcu ac tortor dignissim convallis aenean. Tortor pretium viverra suspendisse potenti nullam ac. Sem fringilla ut morbi tincidunt augue. Venenatis a condimentum vitae sapien. Tincidunt nunc pulvinar sapien et ligula.
As our team's talented photographer, Oshawott has a keen eye for capturing stunning visuals that play a crucial role in bringing our project to life. Each image he takes carries a piece of our story, and his talent ensures that they are communicated effectively to our audience. His work is not just about clicking the shutter at the right moment. It's about understanding the story we want to tell and finding the perfect way to visually convey it.
</p>
</section><!--showcase ends-->

<nav class="page-nav">
<a href="#">back to top</a>
<a href="#gal">gallery</a>
<a href="#khyber">khyber photos</a>
<a href="#harvest">harvest cafe</a>
<a href="#campuses">different campuses</a>
</nav><!--end of page nav-->

</main><!--main ends-->

</div><!--wrapper ends-->
Expand Down
Loading

0 comments on commit 3073c63

Please sign in to comment.