* Sunda Cyber Army 2k17 *
Indonesia Defacer ~
<!-- Julie Cornet, Assignment 06 - Interactive Article, ACAD 275 Fall 2021-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interactive Article</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');
html, body{
font-family: poppins;
background-color: RGB(242, 242, 242);
margin: 0;
padding: 0;
}
a{
color: RGBA(19, 38, 47, 1);
}
#header{
padding: 10px;
width: 96%;
height: 150px;
margin-right: auto;
margin-left: auto;
background-image:
url(gn.png),
url(postlogo.png);
background-size:
100px,
460px;
background-repeat:
no-repeat,
repeat;
background-position:
bottom right;
transition: 2s;
}
#header:hover{
padding: 10px;
width: 96%;
height: 150px;
margin-right: auto;
margin-left: auto;
background-color: RGB(204, 56, 51);
background-image:
url(gn.png),
url(postlogo.png);
background-repeat:
no-repeat;
background-position:
bottom center,
center center;
background-size:
200px,
460px;
}
#title{
background-color: RGB(204, 56, 51);
font-size: 15pt;
color: white;
width: 96%;
margin-right: auto;
margin-left: auto;
text-align: center;
padding: 10px;
}
#container{
position: relative;
width: 96%;
margin-right: auto;
margin-left: auto;
}
#sidebar{
background-color: RGBA(19, 38, 47, 0.2);
width: 25%;
position: relative;
color: white;
transition: 2s;
}
#sidebar:hover{
background-color: RGBA(19, 38, 47, 1);
width: 50%;
}
#sidebar p{
text-align: center;
}
#sidebar img{
width: 85%;
position: relative;
left: 50%;
transform: translateX(-50%);
}
#sidebar #extratext{
width: 80%;
margin-right: auto;
margin-left: auto;
}
#article{
columns: 3;
width: 73%;
padding: 1%;
background-color: RGB(204, 204, 204);
position: absolute;
left: 24.1%;
margin-left: 1%;
transition: 2s;
}
#article:hover{
background-color:RGBA(19, 38, 47, 1);
color: white;
}
#compatibility{
padding: 10px;
background-color: RGB(204, 56, 51);
color: white;
}
</style>
<link rel="stylesheet" type="text/css" media="print" href="print.css">
</head>
<body>
<div id="header">
<!-- empty div for NYP logoand newsmon photo-->
</div> <!-- end of header-->
<div id="title">
<h1>California Governor Newsom fights off recall challenge by two-to-one margin</h1>
<h3>By <a href="https://nypost.com/2021/09/15/gavin-newsom-projected-to-survive-recall-vote/" target="_blank">Samuel Chamberlain</a></h3>
</div>
<div id="container">
<div id="article">
<p> Democratic California Gov. Gavin Newsom easily survived a recall effort Tuesday night — avoiding the threat of becoming the second chief executive of the Golden State to be removed from office by voters before the completion of his term in under 20 years. With 61 percent of the expected vote in, the “no” response to the ballot question of whether Newsom should be recalled had 66.8 percent of the vote while the “yes” response had 33.2 percent.</p>
<p>The final margin was expected to be closer as more votes were counted, but not nearly close enough to trouble the incumbent.In brief remarks Tuesday night, Newsom said Californians — in voting “no” on the recall — had “said yes to science.”</p>
<p>“We said yes to vaccines, we said yes to ending this pandemic,” Newsom said. “We said yes to people’s right to vote without fear of fake fraud or voter suppression. We said yes to women’s fundamental constitutional right to decide for herself what she does with her body … We said yes to diversity, we said yes to inclusion, we said yes to pluralism. We said yes to all those things that we hold dear as Californians, and I would argue, as Americans.”</p>
<p>Had Newsom been recalled, Republican candidate and longtime radio talk show host Larry Elder would have been in line to become the state’s next governor. Elder, the self-described “Sage of South Central” who was attacked while he toured a Venice homeless encampment last week, received 43.6 percent of the vote of those who chose a potential replacement for Newsom.</p>
<p>The next-closest competitor, Democrat Kevin Paffrath, received just 10.7 percent of the vote, followed by former San Diego Mayor Kevin Faulconer with 9.5 percent of the vote. No other potential Newsom replacement received more than 5 percent support. Support for Newsom remaining in office had grown in the weeks before polling day as national Democrats ramped up their efforts to ensure that the governor would not be cast out prematurely in a state where Democrats hold a two-to-one advantage in voter registration over Republicans. President Biden and Vice President Kamala Harris stumped on Newsom’s behalf in recent days, with Biden making the closing pitch to voters at a rally in Long Beach.</p>
<p>The president compared Elder, whom he did not mention by name, to Republican governors who have opposed mask and vaccine mandates in response to the COVID-19 pandemic — an effort to bolster Newsom’s record on the very issue that accelerated the recall campaign last year. “On COVID-19, Gavin Newsom has had the courage to lead, to stand up for science,” Biden said, adding that “he’s been one of the leading governors in the nation, protecting people and vaccinating his state.” “Look, folks, we don’t need politics in this battle against COVID,” the president added. “We need science, we need courage, we need leadership, we need Gavin Newsom.” In addition to the star-studded support, the governor’s campaign stepped up its voter outreach efforts in the home stretch. It put 25,000 volunteers on the streets over the weekend and sent approximately 31 million text messages to voters </p>
<p>Shortly after the polls closed at 8 p.m. PT, it became clear those efforts had paid off handsomely as the “no” vote racked up big early margins. The effort to recall Newsom, launched in early 2020, initially focused on issues like crime and homelessness. But the governor’s actions following the onset of the coronavirus pandemic — including the nation’s first statewide shutdown order — quickly became the focus of discontent among recall supporters. Newsom did not help his own cause in November when he was photographed attending a maskless dinner with 11 others at the exclusive French Laundry eatery in Napa County, despite telling Californians to avoid gatherings of more than three households. In March, the recall proponents confirmed that they had gathered the required number of signatures days ahead of a deadline to get the issue on the ballot this year.</p>
</div> <!-- end of article -->
<div id="sidebar">
<p><strong>Additional Information</strong></p>
<img src="newsom.jpeg" alt="Gavin Newsom">
<p id="extratext">A Gavin Newsom recall poll worker was "released" by Los Angeles County after a photo of him wearing attire blatantly in support of former President Donald Trump went viral.</p>
<img src="recall.jpeg" alt="Recall Newsom or Not?">
<p id="extratext">The California recall process: What a colossal waste of time and money! Estimates suggest the recall could cost the state upwards of $300 million. And for what? To see a relatively popular Democratic governor win almost two-thirds of the vote? Even before Newsom crushed the recall, there was chatter about changing the (relatively lax) recall rules in the state to make it more difficult to get such a measure on the ballot. Which would be a smart move.</p>
</div> <!-- end of sidebar-->
</div> <!-- end of container-->
<br><br><br><br><br><br>
<hr>
<div id="compatibility">
<h1>Compatibility Notes</h1>
<p> The laptop browswer compatibility of this page is pretty good. I made sure to use percentages when dealing with width and margins so that there is not a given set of pixels, so that when the browser is resized the divs in each page are resized with it. If I were to use pixel values as oppososed to width percentages, this web page would not optimize when the browser changed size so the compatibility would be lower.</p>
<p>However, the compability starts to lack when you view this page on mobile. The divs resizing themsees via width work, but since I did not use media optimizatino to make in compabile on a mobile device, the divs are side by side still when they should be on top of each other because a mobile device is too small. Furthermore, since there is no ability to hover on a mobile device, most of the animations that were created on this page were hover, based, so those are not shown and it takes away a level of nuance in the webpage on mobile.</p>
</div> <!-- end of compatibility -->
</body>
</html>