https://aretheoscarssowhite.github.io/

1<!DOCTYPE html><html><head> <!-- Include Meta Tags Here --><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1 user-scalable=no, shrink-to-fit=no"><meta content='#000000' name='theme-color'/><meta name="keywords" content="Oscars, Racial, Diversity"><title>Are the Oscars Still So White?</title><!-- Open Graph general (Facebook, Pinterest & Google+) --><meta name="og:title" content="Are the Oscars Still So White?"><meta name="og:description" content="A website for researching the racial and cultural diversity of Oscar winners. We aim to spread this concept and bring more attention to minorities."><meta name="og:image" content="https://raw.githubusercontent.com/gy5630/HUMA5630.github.io/master/assets/images/oscars.jpeg"><meta name="og:image:alt" content="Are the Oscars Still So White?"><meta name="og:url" content="/"><meta name="article:author" content="https://www.facebook.com/Yue Luna"><meta name="og:site_name" content="Are the Oscars Still So White?"><meta name="og:type" content="website"> <!-- Twitter --><meta property="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Are the Oscars Still So White?"><meta name="twitter:description" content="A website for researching the racial and cultural diversity of Oscar winners. We aim to spread this concept and bring more attention to minorities."><meta name="twitter:site" content="@"><meta name="twitter:creator" content="@"><meta name="twitter:image:src" content="https://raw.githubusercontent.com/gy5630/HUMA5630.github.io/master/assets/images/oscars.jpeg"> <!-- Search Engine --><meta name="description" content="A website for researching the racial and cultural diversity of Oscar winners. We aim to spread this concept and bring more attention to minorities."><meta name="image" content="https://raw.githubusercontent.com/gy5630/HUMA5630.github.io/master/assets/images/oscars.jpeg"> <!-- Schema.org for Google --><meta itemprop="name" content="Are the Oscars Still So White?"><meta name="author" content="HUMA5630G7"/><meta itemprop="description" content="A website for researching the racial and cultural diversity of Oscar winners. We aim to spread this concept and bring more attention to minorities."><meta itemprop="image" content="https://raw.githubusercontent.com/gy5630/HUMA5630.github.io/master/assets/images/oscars.jpeg"> <!-- Global site tag (gtag.js) - Google Analytics -->

1 <script async src="https://www.googletagmanager.com/gtag/js?id=

1UA-163806439-1

1"></script> 

1<script> 

1window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '

1UA-163806439-1

1'); 

1</script>

1<title>Are the Oscars Still So White?</title><link rel="stylesheet" href="/assets/css/style.css"> 

1<script src="https://kit.fontawesome.com/6a97161b76.js" crossorigin="anonymous"></script>

1<link rel="shortcut icon" href="/assets/images/logo.png" type="image/x-icon"></head><body><nav class="navbar is-black is-fixed-top" role="navigation" aria-label="main navigation" id="navbar"><div class="container"> <!-- logo or branding image on left side --><div class="navbar-brand"> <a class="navbar-item" href="/#"> <strong>Are the Oscars Still So White?</strong> </a><div class="navbar-burger" data-target="navbar-menu"> <span></span> <span></span> <span></span></div></div><!-- children of navbar-menu must be navbar-start and/or navbar-end --><div class="navbar-menu has-background-black" id="navbar-menu"> <!-- navbar items | left side --> <!--<div class="navbar-start"></div>--> <!-- navbar items | right side --><div class="navbar-end"> <a class="navbar-item is-active" href="/#">HOME</a> <a class="navbar-item" href="/#about">ABOUT</a> <a class="navbar-item" href="/#contact">CONTACT</a> <a class="navbar-item " href="/blog">BLOG</a><div class="navbar-item has-dropdown is-hoverable"> <a class="navbar-link"> MORE </a><div class="navbar-dropdown has-background-black is-left"> <a href="/AboutMe" class="navbar-item has-text-grey-light "> About Our Group </a> <!--<hr class="navbar-divider"> <a class="navbar-item"> Report an issue </a> --></div></div></div></div></div></nav><!-- Bulma Navbar JS --> 

1<script> document.addEventListener('DOMContentLoaded', function () { /* Get all "navbar-burger" elements */ var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); /* Check if there are any navbar burgers */ if ($navbarBurgers.length > 0) { /* Add a click event on each of them */ $navbarBurgers.forEach(function ($el) { $el.addEventListener('click', function () { /* Get the target from the "data-target" attribute */ var target = $el.dataset.target; var $target = document.getElementById(target); /* Toggle the class on both the "navbar-burger" and the "navbar-menu" */ $el.classList.toggle('is-active'); $target.classList.toggle('is-active'); }); }); } }); </script>

1<section class="hero is-fullheight has-text-centered" id="hero"><div class="hero-body"><div class="container"><h1 class="title has-text-white is-size-1 is-uppercase has-text-weight-bold"> Are the Oscars Still So White?</h1><h3 class="subtitle has-text-white-bis is-uppercase has-text-weight-medium is-marginless"> A website for researching the racial and cultural diversity of Oscar winners. We aim to spread this concept and bring more attention to minorities.</h3><hr> <a href="/#about" class="button is-white is-rounded is-outlined is-uppercase has-text-weight-normal">Read More</a> </a></div></div></section><section class="hero is-fullheight has-text-centered has-background-white-ter" id="about"><div class="hero-body"><div class="container"><div class="columns"><div class="column is-one-fifth-desktop is-one-fifth-tablet is-one-fifth-fullhd"><figure class="image"> <img class="is-rounded" src="https://github.com/aretheoscarssowhite/aretheoscarssowhite.github.io/blob/master/assets/images/background.jpeg?raw=true" alt="HUMA5630G7"></figure></div><div class="column has-text-left-desktop has-text-left-tablet has-text-left-fullhd has-text-left-widescreen"><p>We are the seventh group in the HUMA 5630 programme at the Hong Kong University of Science and Technology and we are dedicated to the study of the racial and cultural diversity of Oscar winners.</p><br><div class="container columns is-centered"><div> <a href="/#contact" class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Contact Me</a> </a></div><div> <a href="/blog" class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined">Blog</a> </a></div></div></div></div></div></section><section class="hero is-fullheight has-text-centered" id="contact"><div class="hero-body"><div class="container"> <a id="contact-button" href="https://m.me/Yue Luna" class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined has-text-weight-semibold column is-two-fifths" target="_blank"> <i class="fab fa-facebook-messenger"></i>Ping me on Messenger </a> <a id="contact-button" href="mailto:[email protected]" class="button is-rounded is-uppercase has-text-weight-normal is-black is-outlined has-text-weight-semibold column is-two-fifths" target="_blank"> <i class="fas fa-envelope"></i>Send me an Email </a><hr><h3 class="is-size-5 is-uppercase has-text-weight-semibold has-text-black is-marginless"> You Can find me here</h3><div class="column is-full is-size-3"> <a href="http://www.facebook.com/Yue Luna" target="_blank" class="has-text-black"><i class="fab fa-facebook"></i></a> <a href="http://www.instagram.com/patronus0420" target="_blank" class="has-text-black"><i class="fab fa-instagram"></i></a> <a href="http://www.linkedin.com/in/Gao Yue" target="_blank" class="has-text-black"><i class="fab fa-linkedin"></i></a> <a href="http://www.github.com/gy5630" target="_blank" class="has-text-black"><i class="fab fa-github"></i></a> <a href="http://www.youtube.com/channel/UCdyhDK-L2K2Zl672EFtz_bw" target="_blank" class="has-text-black"><i class="fab fa-youtube"></i></a></div></div></div></section><!--Footer begins here--><footer id="footer"> <!--Footer Button--><div class="container has-text-centered has-background-grey-darker" id="backtotop"> <a class="has-text-white" onclick="window.scroll(0,0)">BACK TO TOP</a></div><!--Footer Main Section--><div class="has-background-grey-darker"><div class="container columns"> <!--Name Section--><div class="column has-text-left-desktop has-text-centered-mobile"> <a href="/#about"><div class="columns"><div class="column is-one-fifth-desktop is-one-fifth-fullhd is-one-quarter-tablet"><figure class="image is-64x64"> <img class="is-rounded" src="https://github.com/aretheoscarssowhite/aretheoscarssowhite.github.io/blob/master/assets/images/background.jpeg?raw=true"></figure></div><div class="column is-marginless"><h5 class="has-text-grey-lighter">HUMA5630G7</h5><div class="content has-text-grey"><p>We are the seventh group in the HUMA 5630 programme at the Hong Kong Uni...</p></div></div></div></a></div><!--Link Section--><div class="column has-text-white"><h3>More Links</h3><li> <a target="_blank" href="/feed.xml">Subscribe via RSS</a></li></div><!--Blog-post Section--><div class="column has-text-white"><h3>Recent Posts</h3><li> <a href="/blog/blog2">Which Countries Birthed the Most Winners</a></li><li> <a href="/blog/Blog3">Storymap and Timeline about Oscar</a></li><li> <a href="/blog/Blog1">NINE DECADES OF THE OSCARS</a></li></div></div></div><div class="has-background-black has-text-centered has-text-white" id="credits"> <i class="far fa-copyright"></i> 2023 | <a href="https://github.com/thedevslot/WhatATheme" target="_blank" rel="noopener noreferrer">WhatATheme</a> - A Theme made with <i class="fas fa-heart has-text-danger"></i> by <a href="https://www.twitter.com/thedevslot" target="_blank" rel="noopener noreferrer">TheDevsLot</a> Powered by <a href="https://jekyllrb.com/" target="_blank">Jekyll</a></div></footer></body>

1<script> var navItems = document.getElementsByClassName('navbar-item'); var heroes = document.getElementsByClassName('hero'); const viewOffset = 200; window.addEventListener("scroll", function (event) { var scroll = this.scrollY; var position = window.pageYOffset; for (var i = 0; i < navItems.length; i++) { navItems[i].classList.remove('is-active'); } for (var i = 0; i < heroes.length; i++) { var sectionTop = heroes[i].offsetTop-viewOffset; var sectionBottom = heroes[i].offsetTop + heroes[i].offsetHeight-viewOffset; if (scroll >= sectionTop && scroll < sectionBottom) { navItems[i+1].classList.add('is-active'); } } }); </script>

1</html>