-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 17.8 KB
/
Copy pathindex.html
File metadata and controls
1 lines (1 loc) · 17.8 KB
1
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Komi Can't Communicate Official Website</title><link rel="stylesheet" href="src.b6c69393.css"><link href="https://api.fontshare.com/v2/css?f[]=plein@700&f[]=switzer@400&display=swap" rel="stylesheet"><script type="module" src="nav-menu.497a6dd4.js"></script><script defer src="img-carousel.3c38f5d2.js"></script><script type="module" src="video_card.0859b1a3.js"></script><script defer src="landing_page.c92befb2.js"></script></head><body> <div aria-hidden="true" class="loader"> <div class="loader__spinner"> <img class="spinner-head" src="komi_cat_ears_head.94c984f8.png" alt="shouko komi head"> <img class="spinner-poof" src="komi_cat_ears_poof.caeef71c.png" alt="cloud"> </div> </div> <nav role="navigation" class="primary-nav"> <h1 class="visually-hidden">Navigation</h1> <button class="nav-btn-icon stacked" data-toggle="collapse" aria-expanded="false" aria-controls="primary-navigation"> <div class="komi-face stacked"> <img aria-hidden="true" class="komi-face__poof" src="komi_cat_ears_poof.caeef71c.png"> <img aria-hidden="true" class="komi-face__head" src="komi_cat_ears_head.94c984f8.png"> </div> <span class="visually-hidden">Toggle navigation menu</span> <p aria-hidden="true" class="ff-accent fw-bold text-neutral-100">MENU</p> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168.49 104.49L145 128l23.52 23.51a12 12 0 0 1-17 17L128 145l-23.51 23.52a12 12 0 0 1-17-17L111 128l-23.49-23.51a12 12 0 0 1 17-17L128 111l23.51-23.52a12 12 0 0 1 17 17ZM236 128A108 108 0 1 1 128 20a108.12 108.12 0 0 1 108 108Zm-24 0a84 84 0 1 0-84 84a84.09 84.09 0 0 0 84-84Z"></path></svg> </button> <ul aria-hidden="true" id="primary-navigation" class="primary-nav__links"> <li> <a tabindex="-1" class="ff-accent fs-secondary-heading" href="pages\Story_Synopsis\story_synopsis.html"> <p aria-hidden="true">Story</p> <span class="visually-hidden">Read the story synopsis</span> </a> </li> <li> <a tabindex="-1" class="ff-accent fs-secondary-heading" href="pages\Character_Gallery\characters.html"> <p aria-hidden="true">Characters</p> <span class="visually-hidden">View a profile gallery of anime characters</span> </a> </li> <li> <a tabindex="-1" class="ff-accent fs-secondary-heading" href="pages\Anime_Reviews\anime_reviews.html"> <p aria-hidden="true">Anime Reviews</p> <span class="visually-hidden">Read peoples' anime reviews</span> </a> </li> </ul> <button tabindex="-1" aria-hidden="true" class="second_close_btn visually-hidden">Close navigation menu</button> </nav> <main role="main" class="bg-primary-400"> <article aria-label="Hero Section" class="padding-bottom-800"> <div class="hero-section stacked"> <img class="hero-section__bg" src="komi_cant_communicate_CG_visual.74ccc53e.png" alt=""> <div class="hero-section__content"> <h1 class="ff-accent fs-primary-heading fw-bold hero-title text-neutral-100">Komi can't Comunicate</h1> <p class="ff-accent fs-third-heading fw-bold hero-subtitle text-neutral-100">Written and Illustrated by Tomohito Oda</p> <div class="hero-section__cta"> <a class="btn-1_v1 fw-bold" href="https://chapmanganato.com/manga-va953509" target="_blank"> <p aria-hidden="true">Read</p> <span class="visually-hidden">Read the manga at chapmanganato.to</span> </a> <a class="btn-1_v2 fw-bold" href="https://9anime.pe/watch/komi-cant-communicate-17906?ep=83660" target="_blank"> <p aria-hidden="true">Watch</p> <span class="visually-hidden">Watch the anime at 9anime.pe</span> </a> </div> </div> </div> </article> <article class="padding-bottom-800"> <div class="img-carousel"> <div class="img-carousel__navigation"> <h2 class="ff-accent fs-secondary-heading left-icon-heading text-neutral-100"> <svg arai-label="Icon of leaning books" style="display:inline;" aria-label="Leaning Books Icon" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><rect width="3.5" height="13" x=".55" y=".5" rx=".5"></rect><rect width="3.5" height="11" x="4.05" y="2.5" rx=".5"></rect><rect width="3" height="11" x="9.26" y="2.3" rx=".5" transform="rotate(-14.05 10.779 7.795)"></rect><path d="M.55 10h3.5m0-1h3.5m2.5 2l2.88-.72"></path></g></svg> 30 Manga Volumes </h2> <span class="visually-hidden">Image Carousel</span> <p class="visually-hidden">Image Carousel Help: Use the left and right arrow buttons to slide the image carousel left or right to view all of the images on the carousel</p> <fieldset class="img-carousel__btn-wrapper"> <legend class="visually-hidden">Image Carousel controls</legend> <button class="slide-left-btn"> <span class="visually-hidden">Move Image Carousel Left</span> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path fill="currentColor" d="M12 2a10 10 0 0 1 .324 19.995L12 22l-.324-.005A10 10 0 0 1 12 2zm.707 5.293a1 1 0 0 0-1.414 0l-4 4a1.048 1.048 0 0 0-.083.094l-.064.092l-.052.098l-.044.11l-.03.112l-.017.126L7 12l.004.09l.007.058l.025.118l.035.105l.054.113l.043.07l.071.095l.054.058l4 4l.094.083a1 1 0 0 0 1.32-1.497L10.415 13H16l.117-.007A1 1 0 0 0 16 11h-5.586l2.293-2.293l.083-.094a1 1 0 0 0-.083-1.32z"></path></g></svg> </button> <button class="slide-right-btn"> <span class="visually-hidden">Move Image Carousel Right</span> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path fill="currentColor" d="m12 2l.324.005a10 10 0 1 1-.648 0L12 2zm.613 5.21a1 1 0 0 0-1.32 1.497L13.584 11H8l-.117.007A1 1 0 0 0 8 13h5.584l-2.291 2.293l-.083.094a1 1 0 0 0 1.497 1.32l4-4l.073-.082l.064-.089l.062-.113l.044-.11l.03-.112l.017-.126L17 12l-.007-.118l-.029-.148l-.035-.105l-.054-.113l-.071-.111a1.008 1.008 0 0 0-.097-.112l-4-4z"></path></g></svg> </button> </fieldset> </div> <div class="img-carousel__track"> <img class="img-carousel__track-item" src="Volume_1.4c6564d5.jpg" alt="In a classroom, Komi's writing on a chalkboard with Tadano standing in the background"> <img class="img-carousel__track-item" src="Volume_2.b190a9dd.jpg" alt="In a ramen restaurant, Komi is sitting down eating next to her friends, Tadano and Najime."> <img class="img-carousel__track-item" src="Volume_3.4ed3939c.jpg" alt="Komi dressed in a kimono at a Japanese festival, sitting down in a deep squat"> <img class="img-carousel__track-item" src="Volume_4.3b1c5c92.jpg" alt="Komi in gym class attire, outside with a bunch of her classmates."> <img class="img-carousel__track-item" src="Volume_5.56fc3dd8.jpg" alt="Komi sitting down in a chair in a maid outfit, getting her hair tied by another girl."> <img class="img-carousel__track-item" src="Volume_6.90c3d5f1.jpg" alt="Komi in a green and ablue apron, washing dishes"> <img class="img-carousel__track-item" src="Volume_7.855f28b4.jpg" alt="Komi kneeling down behind two kids she's playing with in the snow"> <img class="img-carousel__track-item" src="Volume_8.4d3480ac.jpg" alt="Komi looks behind her left shoulder as she galances at Tadano holding a camera"> <img class="img-carousel__track-item" src="Volume_9.e1efac79.jpg" alt="Komi holding a bat inside a batting cage"> <img class="img-carousel__track-item" src="Volume_10.b249d060.jpg" alt="Komi sitting on a bed while her friend, Rumiko sits on the ground next to the bed"> <img class="img-carousel__track-item" src="Volume_11.303a6e61.jpg" alt="Komi and her friends, Tadano and Najime standing next to a barbecue grill."> <img class="img-carousel__track-item" src="Volume_12.ed5cf94c.jpg" alt="Komi and her friends enjoying a sunny beach"> <img class="img-carousel__track-item" src="Volume_13.f11cd1ee.jpg" alt="Komi and her little cousin holding glasses of milk"> <img class="img-carousel__track-item" src="Volume_14.df233a43.jpg" alt="Komi and her friends, Tadano and Rumiko staring at the sky as they watch fireworks"> <img class="img-carousel__track-item" src="Volume_15.0224e590.jpg" alt="Komi and her classmates watch as two girls hug each other"> <img class="img-carousel__track-item" src="Volume_16.5b62abcf.jpg" alt="Komi and her friend, Tadano riding bikes on a nice spring day"> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/49/05/28/490528e57f5153c6bd8638c69d5d79e4.jpg" alt="Komi and Rumiko dressed in long dresses sit on a set of stairs as they talk to each other"> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/97/23/0b/97230b423c29d11ff7fb4c6833970fac.jpg" alt="Komi and Tadano in gym class attire, sitting inside a shed"> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/68/93/81/689381781670d334f63d5fcbd06bf2d7.jpg" alt="Komi in a long flannel dress, walking in nature with orange and yellow leaves."> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/4b/43/d1/4b43d1a3e43cb70db7882466d1d6a4d6.jpg" alt="Komi sitting down at a crowded Japanese style low table eating."> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/9a/41/e8/9a41e84537679caabbc5a501e13cf5c9.jpg" alt="Komi playing outside with her friend Rumiko and two more of her friends."> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/14/36/43/1436439630caf5cd83e7f817e51d9783.jpg" alt="Inside a church building, Komi is leaving with her friends while she glances over towards Rumiko."> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/85/dd/8e/85dd8eafe31910894cef3e2aff9bb9cb.jpg" alt="In the late evening, Komi anxiously holds onto her hair."> <img class="img-carousel__track-item" src="https://i.pinimg.com/564x/75/fa/14/75fa14d5eff241db329d759c17032c51.jpg" alt="Komi and her boyfriend, Tadano vist an aquarium."> <img class="img-carousel__track-item" src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781974737048/komi-cant-communicate-vol-25-9781974737048_lg.jpg" alt="Komi is jumping rope with her two friends, Rumiko and Yamai."> <img class="img-carousel__track-item" src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781974738885/komi-cant-communicate-vol-26-9781974738885_lg.jpg" alt="Komi and Tadano hang out in a hotel room"> <img class="img-carousel__track-item" src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781974740635/komi-cant-communicate-vol-27-9781974740635_lg.jpg" alt="Komi and four of her friends are dressed in kimonos, sitting outside on a nice spring day"> <img class="img-carousel__track-item" src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781974742899/komi-cant-communicate-vol-28-9781974742899_lg.jpg" alt="Komi is sitting in a sauna with three of her friends"> <img class="img-carousel__track-item" src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781974743711/komi-cant-communicate-vol-29-9781974743711_lg.jpg" alt="Komi is sleeping while Najime smirks as Najime looks over Komi"> <img class="img-carousel__track-item" src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fpreview.redd.it%2Fart-komi-cant-communicate-volume-30-cover-v0-v096eo35y69b1.jpg%3Fauto%3Dwebp%26s%3D87a381cdc1590a5f30382d124246521002705916&f=1&nofb=1&ipt=3609de6e9f5ae39f188cb10296cc67c502c03a6e8eb6e61f24309e586451099c&ipo=images" alt="Outside in the night, Komi is standing next to a girl named Kawai while the both of them are wet."> </div> </div> </article> <article aria-label="Story Synopsis" class="padding-bottom-800"> <article class="container content-and-img even-columns"> <img src="manga_panels.ac09091d.png" alt=""> <div class="content-and-img__content"> <h2 class="ff-accent fs-secondary-heading fw-bold text-neutral-100">A journey to make 100 friends</h2> <p class="text-neutral-100">As Tadano begins his high school career, he discovers that the school's beautiful queen named Komi. One day, after an encounter with Komi in the classroom, Tadano finds out that despite Komi's cold appearance, she has trouble communicating with other people. After this discovery Tadano embarks on a quest to help achieve Komi's dream of making 100 friends.</p> </div> </article> </article> <article aria-label="Anime Trailers" class="padding-bottom-800"> <h2 class="visually-hidden">Anime Trailers</h2> <div class="container video-card-wrapper"> <div class="video-card"> <h3 class="ff-accent fs-third-heading fw-bold text-neutral-100 video-card__title">Season 1 Trailer</h3> <button class="| stacked video-card__card" aria-expanded="false"> <span class="visually-hidden">Watch Season 1 Trailer</span> <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0Zm4.879-2.773l4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path></svg> <img src="komi_trailer_thumbnail.8265d25d.jpg" alt=""> </button> <div role="dialog" class="video-card__popup" data-visible="hide" aria-modal="true" aria-labelledby="popup-label"> <span id="popup-label" class="visually-hidden">Viewing Video</span> <div class="popup_wrapper"> <button class="video_close_btn"> <span class="visually-hidden">Close video dialog</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill="currentColor" d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939L8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6L9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061L3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6L2.22 3.28a.749.749 0 0 1 0-1.06Z"></path></svg> </button> <iframe src="https://www.youtube.com/embed/tLdLTSnmnoA?si=GfB-kR1EOX9KbGnF?rel=0&enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> </iframe> <button class="video_close_btn"> <span class="visually-hidden">Close video dialog</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill="currentColor" d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939L8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6L9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061L3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6L2.22 3.28a.749.749 0 0 1 0-1.06Z"></path></svg> </button> </div> </div> </div> <div class="video-card"> <h3 class="ff-accent fs-third-heading fw-bold text-neutral-100 video-card__title">Season 2 Trailer</h3> <button class="| stacked video-card__card" aria-expanded="false"> <span class="visually-hidden">Watch Season 2 Trailer</span> <svg class="play-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM1.5 8a6.5 6.5 0 1 0 13 0a6.5 6.5 0 0 0-13 0Zm4.879-2.773l4.264 2.559a.25.25 0 0 1 0 .428l-4.264 2.559A.25.25 0 0 1 6 10.559V5.442a.25.25 0 0 1 .379-.215Z"></path></svg> <img src="komi_trailer_2_thumbnail.98f7a3a0.jpg" alt=""> </button> <div role="dialog" class="video-card__popup" data-visible="hide" aria-modal="true" aria-labelledby="popup-label"> <span id="popup-label" class="visually-hidden">Viewing Video</span> <div class="popup_wrapper"> <button class="video_close_btn"> <span class="visually-hidden">Close video dialog</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill="currentColor" d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939L8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6L9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061L3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6L2.22 3.28a.749.749 0 0 1 0-1.06Z"></path></svg> </button> <iframe src="https://www.youtube.com/embed/7n9JGuR0HrY?si=mzbud2IFEF9Shj_c?rel=0&enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen> </iframe> <button class="video_close_btn"> <span class="visually-hidden">Close video dialog</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><path fill="currentColor" d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939L8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6L9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061L3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6L2.22 3.28a.749.749 0 0 1 0-1.06Z"></path></svg> </button> </div> </div> </div> </div> </article> <article aria-label="Final Call to Action" class="padding-bottom-800"> <div class="| container final_CTA stacked"> <a class="btn-2 fw-bold text-neutral-900" href="https://chapmanganato.com/manga-va953509" target="_blank"> <p aria-hidden="true">Read</p> <span style="left:0;" class="visually-hidden">Read the manga at chapmanganato.to</span> </a> <a class="btn-2 fw-bold text-neutral-900" href="https://9anime.pe/watch/komi-cant-communicate-17906?ep=83660" target="_blank"> <p aria-hidden="true">Watch</p> <span style="left:0;" class="visually-hidden">Watch the anime at 9anime.pe</span> </a> <img src="Komi-san.wa.Comyushou.desu..600.3530616.ced3597d.jpg" alt=""> </div> </article> </main> <footer role="contentinfo" class="bg-accent-500 primary-footer"> <h1 class="visually-hidden">Footer</h1> <div class="footer-nav stacked"> <div class="footer-nav__links"> <div class="footer-nav__link-item"> <a href="https://www.viz.com/vizmanga/chapters/komi-cant-communicate" target="_blank"> <span class="visually-hidden">Find more about the anime on viz.com</span> <img src="viz_logo.cdaa390d.png" alt=""> </a> </div> <div class="footer-nav__link-item"> <a href="https://komisan.fandom.com/wiki/Komi-san_wa_Komyushou_Desu_Wiki" target="_blank"> <span class="visually-hidden">Go to the Komi Can't Communicate Fandom Wiki Website</span> <img src="komi_wiki_tite_logo.f6406eb6.png" alt=""> </a> </div> <div class="footer-nav__link-item"> <a class="footer-nav__card stacked" href="https://www.komisan-official.com/" target="_blank"> <p aria-hidden="true" style="z-index:1;">Official Website</p> <span class="visually-hidden">Go to Komi can't Communicate Japanese Website</span> <img src="komi_school_window_banner.09a6631c.png" alt=""> </a> </div> </div> <img class="footer-nav__bg-img" src="komi_cat_ears_half_face.29b8edf2.png" alt=""> </div> </footer> </body></html>