Skip to content

Commit

Permalink
create index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Lelseac
Lelseac committed May 7, 2024
1 parent 8218eaa commit 72df427
Show file tree
Hide file tree
Showing 3 changed files with 201 additions and 43 deletions.
Binary file added .DS_Store
View file
Binary file not shown.
115 changes: 72 additions & 43 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,55 +1,84 @@
<!DOCTYPE html>
<html lang="en-US">
<html class="html" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CSS Display and other Properties</title>
<meta name="description" content="A page to practice applying CSS styles">
<link rel="stylesheet" href="./styles/main.css">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Chelsea Long</title>
<meta name="Chelsea Long" content="Hey!">
<!-- <link rel="stylesheet" href="styles/simple-grid.css"> -->
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="https://use.typekit.net/mif5efa.css">
<link rel="stylesheet" href="https://use.typekit.net/mif5efa.css">
<link rel="stylesheet" href="https://use.typekit.net/mif5efa.css">
<link rel="stylesheet" href="https://use.typekit.net/mif5efa.css">
</head>
<body>
<main>
<header>
<h1>A Market for All</h1>
<p>How a new farm-to-table pop-up is brining low-priced vegetables and building community in Stockton. By Carina Sanchez on Feb. 27, 2024</p>
<figure>
<img src="https://unsplash.com/photos/red-and-green-bell-peppers-on-white-plastic-crate-TJDBqlvTdGI" alt="A farmers market stand with an assortment of vegetables" />
<figcaption>Credit: Sarah Paz</figcaption>
</figure>
</header>
<h1>Chelsea Long is a journalist based in Berkeley, California.</h1>
<nav>
<ul class="navLinks">
<li><a href="#home">Home</a></li>
<li><a href="#local">Local</a></li>
<li><a href="#business">Business</a></li>
<li><a href="#entertainment">Entertainment</a></li>
<li><a href="#sports">Sports</a></li>
<li><a href="#food">Food</a></li>
<ul>
<li><a href="https://github.com/Lelseac">Github</a></li>
<li><a href="https://www.linkedin.com/in/chelseablong/">Linkedin</a></li>
</ul>
</nav>
<article>
<h2>The start of the season</h2>
<p>Seitan matcha asian pear lime seasonal Thai ginger lemongrass agave green tea instant pot spiced pumpkin chili maple orange tempeh black bean chili dip lemongrass casserole. Morning smoothie bowl hearts of palm blueberries Thai dragon pepper appetizer pineapple salsa chili dessert summer fruit salad chickpea crust pizza lingonberry soy milk strawberries garlic sriracha noodles sparkling pomegranate punch street style Thai basil tacos banana alfalfa sprouts mediterranean tasty Malaysian hummus falafel bowl strawberry spinach salad raspberry fizz balsamic vinaigrette.
</p>
<p>Banana bread basmati tahini drizzle crunchy cilantro lime vinaigrette guacamole ginger tofu kimchi toasted hazelnuts green pepper fresh cherry bomb picnic orange shaved almonds peppermint salty with black beans banana bread crispy iceberg lettuce salted. Rich coconut cream banh mi salad rolls walnut mushroom tart tomato and basil sandwiches paprika pumpkin cremini mushrooms almond milk chai latte double dark chocolate ultimate sriracha pecans cumin sweet potato.
</p>
<p>Kale citrusy macadamia nut cookies ginger carrot spiced juice frosted gingerbread bites figs hearty hemp seeds soup Sicilian pistachio pesto blueberry pops chai tea cherries candy cane winter green bowl blood orange smash blackberries tabasco pepper coconut milk lemon tahini dressing soba noodles crumbled lentils potato.
</p>
<p>Lavender lemonade ultra creamy avocado pesto salad grenadillo lemon lime minty ghost pepper butternut mix pinch of yum cozy butternut picnic salad miso turmeric glazed aubergine chocolate golden cayenne pepper elderberry springtime strawberry comforting pumpkin spice latte crispy cookies vegan cauliflower black bean wraps mediterranean vegetables fiery fruit delightful blueberry scones cozy cinnamon oatmeal vine tomatoes.
</nav>
<p>Chelsea Long is a master's student at UC Berkeley's Graduate School of Journalism.</p>
<p>This summer, she'll join the Mississippi Center for Investigative Reporting team at Mississippi Today as a data reporting intern.</p>
<p>She was born and raised on Florida's Space Coast and received her bachelor's degree from Florida State Univeristy.
</p>
<img src="https://unsplash.com/photos/baked-breads-in-rack-ZnPNZpjzi0M" alt="An assortment of bread sold at The Mill in San Francisco, CA." />
<h3>New ways of shipping</h3>
<p>Broccoli edamame hummus Caribbean red habanero pomegranate winter dark and stormy refreshing cucumber splash mint lime taco salsa one bowl coconut sugar red amazon pepper eating together smoky maple tempeh glaze lime mango crisp pasta udon noodles cherry avocado basil pesto Southern Italian falafel bites. Oranges Thai curry mint blueberry chia seed jam Indian spiced apples spiced peppermint blast tofu zesty tofu pad thai couscous Chinese five-spice powder cashew cool off.
</p>
<p>Lavender lemonade ultra creamy avocado pesto salad grenadillo lemon lime minty ghost pepper butternut mix pinch of yum cozy butternut picnic salad miso turmeric glazed aubergine chocolate golden cayenne pepper elderberry springtime strawberry comforting pumpkin spice latte crispy cookies vegan cauliflower black bean wraps mediterranean vegetables fiery fruit delightful blueberry scones cozy cinnamon oatmeal vine tomatoes.
</p>
<h4>Upcoming Events</h4>
<ul>
<li>St. Tomas DMV, 11 a.m. - 3 p.m.</li>
<li>Fruta Fresca, 9 a.m. - 12 p.m.</li>
<li>Pine Cones Park, 1 p.m. - 5 p.m.</li>
</ul>
</article>
</main>
<p>Here's her <a href="file:///Users/chelsealong/Desktop/Job%20Applications/Chelsea%20Long_Resume.pdf">resume</a>.</p>
<p>You can reach her at <a href="mailto:chelsealong[at]berkeley[dot]edu">chelsealong [at] berkeley [dot] edu</a>.</p>
</header>
<section>
<h2>Selected Clips</h2>
<article>
<a href="https://www.chronicle.com/article/how-diversity-became-a-bad-word-at-one-states-public-colleges">
<figure class="floatLeft">
<img src="styles/southdakota.webp" alt="An illustration of the state of South Dakota."/>
<figcaption>Valerie Chiang, The Chronicle</figcaption>
</figure>

<h3>How Diversity Became a Bad Word at One State's Public Colleges</h3>
<p>Across South Dakota, some professors and administrators say a hostile climate is driving them to quit.
</p>
</a>
</article>

<article>
<a href="https://www.chronicle.com/article/florida-bill-may-shield-university-presidential-searches-from-the-public"
>
<figure class="floatLeft">
<img src="styles/JeffBrandes.webp" alt="Florida State Sen. Jeff Brandes sitting in a chair."/>
<figcaption>Martha Asencio-Rhine, Tampa Bay Times, Zuma Press Wire, Newscom</figcaption>
</figure>

<h3>Bill May Shield University Presidential Searches From the Public</h3>
<p>A bill in the Florida Legislature aims to keep secret parts of the presidential-selection process at state colleges. Critics advocate for transparency.</p>
</a>
</article>

<article>
<a href="https://www.chronicle.com/article/floridas-public-colleges-may-soon-recruit-presidents-in-secret">
<figure class="floatLeft">
<img src="styles/RonDeSantis.webp" alt="Portrait of Florida Gov. Ron Desantis."/>
<figcaption>Paul Hennessy, Nurphoto, Associated Press</figcaption>
</figure>

<h3>Public Colleges May Soon Recruit Presidents in Secret
</h3>
<p>The governor is expected to sign a bill that calls for concealing the names of candidates for leadership of those institutions.</p>
</a>
</article>
</section>

<section>
<h2>Other Clips</h2>
<ul>
<li><a href="https://www.chronicle.com/article/floridas-colleges-must-administer-viewpoint-diversity-survey-dont-take-it-faculty-union-says">Florida’s Colleges Must Administer ‘Viewpoint Diversity’ Survey. Don’t Take It, Faculty Union Says.</a> The Chronicle of Higher Education</li>
<li><a href="https://www.chronicle.com/article/biden-wants-to-double-the-maximum-pell-grant-what-difference-would-that-make">Biden Wants to Double the Maximum Pell Grant. What Difference Would That Make?</a> The Chronicle of Higher Education</li>
</ul>
</section>

</main>
</body>
</html>
129 changes: 129 additions & 0 deletions main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
html, body {
font-size: 20px;
line-height: 1.3;
font-weight: 400;
font-family: "input-mono", monospace;
background-color: white;
margin: 1rem;
color: black;
}

main {
max-width: 800px;
margin: 0 auto;
}

nav ul {
font: "input-mono", monospace;
font-weight: 800;
list-style-type: none;
margin: 0.5rem;
padding: 0.5rem;
text-align: right;
}

nav li {
display: inline-block;
padding: 0;
font-size: 1rem;
}

nav a {
color: black;
text-decoration: underline;
padding: 0;
}

nav a:hover {
color: rgb(0, 21, 253);
text-decoration: underline;
}

h1 {
font-size: 2rem;
font-weight: 800;
}

h2 {
font-size: 1.5rem;
}

a {
color: black;
text-decoration: underline;
}

a:hover {
color: rgb(0, 21, 253);
text-decoration: underline;
}

figure {
margin: 0;
}

figcaption {
font: 0.5rem;
font-weight: 300;
line-height: 1.3;
margin: 1rem;
color: black;
}

.highlight {
font-style: normal;
padding: 0 5px;
font-weight: 800;
background-color: yellowgreen;
}

.highlight a {
color: black;
text-decoration: underline;
padding: 0;
}

.highlight a:hover {
color: rgb(0, 21, 253);
text-decoration: underline;
}

img {
width: 100%;

}
article {
border-bottom: 1px solid black;
margin-bottom: 1rem;
clear: both;
overflow: hidden;
}

article a {
display: block;
text-decoration: none;
cursor: pointer;
}

article a:hover {
text-decoration: none;
}

article a:hover img {
/* filter: hue-rotate(90deg) saturate(200%) contrast(200%); */
filter: grayscale(100%);
}

.floatLeft figcaption {
font-size: 10px;
font-style: italic;
margin: 0;
}

@media (min-width: 850px) {
.floatLeft {
float: left;
width: 50%;
margin: 1rem 1rem 1rem 0;
}
}

0 comments on commit 72df427

Please sign in to comment.