bradleycodeu.github.io/rec.html at master · BradleyCodeU/bradleycodeu.github.io · GitHub

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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!--Classes: "game", "book", "food", "movie", "tv", "music"-->
	<!--Syntax: <li class="{class}"> {name} recommends... </li> -->
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Student Recommendations</title>
  <link href="styles.css" rel="stylesheet" type="text/css"/>
  <style>
    ul {
      list-style-type: none;
      display: grid;
      /* grid-template-columns: repeat(3, 1fr); */
      /* grid-template-rows: repeat(5, 1fr); */
      grid-column-gap: 50px;
      grid-row-gap: 80px;
      grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
      grid-auto-rows: minmax(150px, auto);
    }
    li {
      border-radius: 10px;
      padding: 10px;
      text-align: left;
    }
    li:nth-child(even) {
      background: rgba(0,0,255,0.1);
    }
    li:nth-child(odd) {
      background: rgba(255,255,255,0.1);
    }
    li img {
	    max-width:150px;
		max-height:150px;
	    margin: 5px;
	    border:solid #8c95bd 4px;
      	border-radius: 3px;
    }
	li:nth-child(even) img{
		float: right;
	}
	li:nth-child(odd) img{
		float: left;
	}
  </style>
</head>

<body>

  <script src="script.js"></script>
  <p>

  <h2>BradleyCodeU Recommendations</h2>

  <ul>

    <li class="game">
	      <img alt="pokemon sword picture" src="https://assets1.ignimgs.com/2019/08/27/pokemon-sword---eshop---button-1566932968514.jpg">
	      Zach and Kye recommend Pokemon Sword for Switch
    </li>

    <li class="game">
	      <img alt="enter the gungeon picture" src="https://image.api.playstation.com/vulcan/ap/rnd/202010/1205/7iRqnxpwQtVuEFuOjBAW1hFz.png">
	      Steven recommends the Switch game Enter The Gungeon.
    </li>

    <li class="game">
        Tre recommends Coffee Talk for Switch.
        <img alt="coffee talk picture" src="https://cdn-products.eneba.com/resized-products/kUe_DT6EZ5f0wNcItsF9girVEWfNJuez5ieu06oiXpo_350x200_2x-0.jpg">
    </li>

    <li class="game">
        <img alt="Just Shapes and Beats picture" src="https://store-images.s-microsoft.com/image/apps.48490.13730886355493425.5206edad-e4bc-42ca-93c1-abaf47b8bd59.057c4743-07ec-4ead-ba42-8c28865c379a?w=400&h=600">
        Conlan recommends Just Shapes and Beats for Switch.
    </li>

    <li class="game">
	      <img alt="Suicide Squad Picture" src="https://play-lh.googleusercontent.com/2DQIMwhOYvAgUrupYL4kOkxVNvKrKb1XpT-xWqKRgtXsy45RP0srT-gRSNAlyscDz1NI5k6leeNEhev0-AiU">
        Will recommended the new Suicide Squad (2021) movie.
    </li>

    <li class="movie">
	      <img src="https://lumiere-a.akamaihd.net/v1/images/p_20cs_freeguy_homeent_21930_49e74453.jpeg?region=0%2C0%2C540%2C810" alt="Free Guy">
	      Logan recommends the movie Free Guy (2021) because "it was very funny and I felt I got my money's worth out of it."
	  </li>


    <li class="movie">Juan and Hassan recommend the movie A Haunted House (2013)</li>

    <li class="movie">Conner "recommends" the movie Mortal Kombat (2021) because "it's hilariously bad"</li>

    <li class="book">Luc recommends the Lord of the Rings books.</li>

    <li class="tv">Tommy recommends the Obi-Wan Kenobi tv show.</li>

    <li class=game"">Steven recommends the online game Blaseball.</li>

    <li class="book">Daksh recommends The Giving Tree by Shel Silverstein.</li>

    <li class="book">Aws recommends Refugee, a novel by Alan Gratz.</li>

    <li class="book">Maggie recommends The Echo Wife by Sarah Gailey.</li>

    <li class="game">Alex recommends Mario Clash for Virtual Boy.</li>

    <li class="game">Avery recommends Tony Hawk's Underground for Game Boy Advanced.</li>

    <li class="game">Trevor recommends Dead By Daylight.</li>

    <li class="game">Owen recommends Tron Legacy for Wii.</li>

    <li class="game">Christopher recommends Wii Sports Resort for Wii U.</li>

    <li class="tv">Brody recommends Breaking Bad.</li>

    <li class="book">Will recommends The Creeping by Alexandra Sirowy.</li>

    <li class="game">Leo recommends Warframe for Playstation 4.</li>

    <li class="food">Ankit recommends the restaurant Taj Palace. Especially the chicken curry.</li>

    <li class="food">Gable recommends the restaurant Noodles & Co. Especially the spicy Korean beef, but with chicken.</li>

    <li class="food">Kaden recommends the restaurant Beef 'O' Brady's. Especially the wings.</li>

    <li class="game">
	      <img alt="Piano Tiles 2 game" src="https://upload.wikimedia.org/wikipedia/commons/5/5e/Piano_Tiles_2_logo.png">
	      AJ recommends the Piano Tiles 2 game for iOS and Android.
    </li>


    <li class="book">Elena recommends the book Many Lives, Many Masters by Brian Weiss.</li>

    <li class="game">Caleb recommends the mobile game Golf Blitz.</li>

    <li class="game">Aryan recommends the Playstation game God Of War 4.</li>

    <li class="movie">Nay recommends the movie The Hate You Give.</li>

    <li class="movie">Kohen recommends Ratatoing (2007) the offbrand version of Ratatouille.</li>

    <li class="food">Lance recommends the restaurant CM Chicken especially the spicy fried chicken.</li>

    <li class="movie">Miller recommends the movie Labyrinth (1986).</li>

    <li class="movie">Elijah recommends the Lord of the Rings movies.</li>

    <li class="game">Aws recommends the Playstation game Uncharted 4.</li>

    <li class="game">Conlan recommend the game The Binding of Isaac.</li>

    <li class="game">Tommy recommends the game Valorant.</li>

    <li class="game">Moufid recommends the game Resident Evil 2.</li>

    <li class="game">Uziel recommends the survival game DayZ.</li>

	  <li class="game">Will recommends the game Terraria</li>

	  <li class="movie">Owen recommends the movie Moonfall (2022)</li>

	  <li class="book">Avery recommends the book Six Of Crows by Leigh Bardugo</li>

	  <li class="music">Rutbah recommends the Taylor Swift album Folklore</li>

	  <li class="music">Isaac recommends the album Come Home The Kids Miss You by Jack Harlow</li>

	  <li class="game">Naseem recommends the game American Truck Simulator</li>

	  <li class="food">AJ recommends the food known as chicken</li>

	  <li class="food">Moufid recommends the restaurant Wingstop especially the lemon-pepper chicken wings</li>

	  <li class="game">
		    <img alt="Valorant" src="https://images.contentstack.io/v3/assets/bltb6530b271fddd0b1/blt3f072336e3f3ade4/63096d7be4a8c30e088e7720/Valorant_2022_E5A2_PlayVALORANT_ContentStackThumbnail_1200x625_MB01.png">
		    Vincent recommends the game Valorant
	  </li>

	  <li class="music">Grant recommends the album Goo by Sonic Youth</li>

	  <li class="game"> Noah recommends the game Hearts Of Iron 4 </li>

	  <li class="game"> Ibrahim recommends the PS4 game Little Nightmares </li>

	  <li class="movie"> Campbell recommends the movie Ex Machina (2014) </li>

  </ul>
  </p>
</body>

</html>