-
Notifications
You must be signed in to change notification settings - Fork 0
/
diverseVoices.html
94 lines (85 loc) · 5.55 KB
/
diverseVoices.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Diverse Voices</title>
<link href="diverseVoices.css" rel="stylesheet" type="text/css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="icon" type="image/x-icon" href="logoThree.png">
<!-- DM Sans-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Sans&display=swap" rel="stylesheet">
</head>
<header>
<div class = "total-header">
<img class="logo" src="logoThree.png">
<section class="header-buttons">
<a href="../index.html" class="header-button">Home</a>
<a href="recommendationsHtml/recommendations.html" class="header-button">Recommendations</a>
<a href="../bookQuiz.html" class="header-button">Book Quiz</a>
<a href="../diverseVoices.html" class="header-button">Diverse Voices</a>
<a href="../bookClubs.html" class="header-button">Book Club</a>
<a href="../bookEvents.html" class="header-button">Book Events</a>
</section>
</div>
<h1>Diverse Voices</h1>
<!--latinx-->
<h2 class="category"> Latinx Representation</h2>
<div class="latinx-scroll">
<a href="https://silviamoreno-garcia.com/writing/mexican-gothic/"><img class="scroll-img"
src="https://silviamoreno-garcia.com/wp-content/uploads/2020/08/9780525620785-768x1164.jpg"></a>
<a href="https://www.kalifajardoanstine.com/sabrina-corina-1"><img class="scroll-img"
src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1533328966i/40236964.jpg"></a>
<a href="https://www.sandracisneros.com/books"><img class="scroll-img"
src="https://www.oprah.com/g/image-resizer?width=545&link=https://static.oprah.com/images/o2/201605/201605-orig-house-mango-street-949x1356.jpg"></a>
<a href="http://www.adamsilvera.com/they-both-die-at-the-end"><img class="scroll-img"
src="https://i5.walmartimages.com/asr/9e733981-f5d0-4a87-840b-2af61f79a36a.dc4adf56bd89a1d7d2e0c4876ba65de8.jpeg?odnHeight=612&odnWidth=612&odnBg=FFFFFF"></a>
<a href="http://margaritaengle.com/latambooks.html#light"><img class="scroll-img"
src="https://d28hgpri8am2if.cloudfront.net/book_images/onix/cvr9781534486942/rimas-rebellion-9781534486942_hr.jpg"></a>
</div>
<!--black-->
<h2 class="category">Black Representation</h2>
<div class="black-scroll">
<a href="https://www.penguinrandomhouse.com/authors/2117741/yaa-gyasi/"><img class="scroll-img"
src="https://womensprizeforfiction.co.uk/wp-content/uploads/9780241975237.jpeg"></a>
<a href="https://angiethomas.com/the-hate-u-give/"><img class="scroll-img"
src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1476284759i/32075671.jpg"></a>
<a href="https://taliahibbert.com/books/act-your-age-eve-brown/"><img class="scroll-img"
src="https://taliahibbert.com/wp-content/uploads/2020/08/Act-Your-Age-Eve-Brown.jpeg"></a>
<a href="https://www.tracydeonn.com/legendborn"><img class="scroll-img"
src="https://images.squarespace-cdn.com/content/v1/5ec2f54ab08f10169c4aa96f/1619893408405-2099LFEFRRW04NVUDYDQ/legendborn-with+csk.jpg?format=500w"></a>
<a href="https://alicewalkersgarden.com/books/book-the-color-purple/"><img class="scroll-img"
src="https://upload.wikimedia.org/wikipedia/en/b/be/The_Color_Purple_poster.jpg"></a>
</div>
<!--asian-->
<h3 class="category">Asian Representation</h3>
<div class="asian-scroll">
<a href="https://www.celesteng.com/everything-i-never-told-you"><img class="scroll-img"
src="https://pictures.abebooks.com/isbn/9780349134284-us.jpg"></a>
<a href="https://vaishnavipatel.com/"><img class="scroll-img"
src="https://www.hachettebookgroup.com/wp-content/uploads/2023/01/9780759557314-1.jpg?w=660"></a>
<a href="https://www.kevinkwanbooks.com/"><img class="scroll-img"
src="https://m.media-amazon.com/images/I/71oxddZ03GL._AC_UF1000,1000_QL80_.jpg"></a>
<a href="https://thechloegong.com/books/"><img class="scroll-img"
src="https://chloegong.files.wordpress.com/2020/02/tvdcover.jpg?w=199"></a>
<a href="https://www.minjinlee.com/blank-2"><img class="scroll-img"
src="https://static.wixstatic.com/media/5372f0_21cd0012358e40c2b69f27bcc7287b61~mv2.jpg/v1/fill/w_459,h_713,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/pachinko-national-book-award-finalist.jpg"></a>
</div>
<!--lgbtq+-->
<h4 class="category">LGBTQ+ Representation</h4>
<div class="lgbtq-scroll">
<a href="https://www.caseymcquiston.com/red-white-royal-blue"><img class="scroll-img"
src="https://m.media-amazon.com/images/I/71skR7IaVEL._AC_UF1000,1000_QL80_.jpg"></a>
<img class="scroll-img"
src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1446469353i/22822858.jpg">
<a href="https://www.benjaminsaenz.com/bens-books"><img class="scroll-img"
src="https://m.media-amazon.com/images/I/819zL+eAyrL._AC_UF1000,1000_QL80_.jpg"></a>
<a href="https://www.torreypeters.com/book/detransition-baby/"><img class="scroll-img"
src="https://www.torreypeters.com/wp-content/uploads/2020/09/Screen-Shot-2020-08-07-at-10.55.40-AM-360x570.png"></a>
</div>