Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

sai's static site #28

Open
wants to merge 7 commits into
base: master
Choose a base branch
from
Open

sai's static site #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
f6c8224
moved files from old repo
ssamant Mar 20, 2017
2557e96
finished podcast section
ssamant Mar 20, 2017
dba0c47
changed copyright and fixed formatting on html files
ssamant Mar 20, 2017
62a2ec6
moved down nav in header
ssamant Mar 20, 2017
e93233d
formatting changes
ssamant Mar 20, 2017
c303eff
tinkering with trying to fix the links on the projects page.
ssamant Mar 20, 2017
ef1523d
fixed styling on anchor links on portfolio page
ssamant Mar 21, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles/styles.css">
<title>Sai Samant</title>
</head>
<body>
<header>
<div class="hello">
<h1>&lt; about &gt;</h1>
</div>

<div class="nav">
<nav>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="portfolio.html">code</a></li>
<li><a href="blog.html">other</a></li>

</ul>
</nav>
</div>
</header>

<main >
<section class = "about">
<p>I am student at Ada Developers Academy where I am training to become a software engineer. We are learning Ruby, Rails, HTM & CSS, JavaScript, test-driven development, and agile and pair-programming practices. A major part of why Ada appeals to me is its <a href="http://adadevelopersacademy.org/program">social-justice mission</a> to help women and people of non-binary gender succeed in tech.</p>
<p>Coding and parenting take up most of my time these days, but I have been known to enjoy running on trails in Seattle's many beautiful parks, reading, watching sitcoms, following politics, knitting, eating french fries, and catching up on sleep.</p>
<p>I maintain a very spotty social media presence across too many platforms:</p>
<ul class = "social-media">
<li><a href="https://twitter.com/saisamant", target = "_blank"><img src="assets/twitter.svg" alt="twitter" height="40px"></a></li>
<li><a id="ravelry" href="http://www.ravelry.com/people/samtheant", target = "_blank"><img src="assets/ravelry.svg" alt="knit" height="40px"></a></li>
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I feel like your alt attributes could be more descriptive here. Remember that the main purpose of an alt description is to accurately describe what the image is, both for screen readers and in case the image fails to load. Does "knit" accurately describe this image, or would "ravelry logo" suit better? Similarly for "insta" and "fb", as well as "git" on your code page.

<li><a href="https://instagram.com/onestripedsock", target = "_blank"><img src="assets/instagram.svg" alt="insta" height="40px"></a></li>
<li><a href="https://facebook.com/ssamant", target = "_blank"><img src="assets/fb.svg" alt="fb" height="40px"></a></li>
</ul>
</section>
</main>

<footer>
<div class="disclaim">
<p>&copy;2017</p>
</div>

<div class="contact">
<p>Get in touch: sai samant (@) gmail (dot) com</p>
<h2>&lt; good-bye. &gt;</h2>
</div>
</footer>
</body>
</html>
1 change: 1 addition & 0 deletions assets/fb.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/github.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/instagram.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/linkedin.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/ravelry.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
66 changes: 66 additions & 0 deletions assets/ruby-logo.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions assets/twitter.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
67 changes: 67 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles/styles.css">
<title>Sai Samant</title>
</head>

<body>
<header>
<div class="hello">
<h1>&lt; fun stuff &gt;</h1>
</div>
<div class="nav">
<nav>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="portfolio.html">code</a></li>
<li><a href="about.html">me</a></li>
</ul>
</nav>
</div>
</header>

<main>
<section class="all-interests">
<article class="interest">
<article class="podcasts">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

You never seem to use any of these classes ("podcasts", "knitting", "sociolinguistics", etc) in your CSS or elsewhere. What purpose do they serve, and why do each of your interests have their own class?

<h4>Podcasts</h4>
<p>I spend more time than I should listening to podcasts. Below are some of my current favorites. Subscribe to these podcasts through your favorite podcast app (I use the native Podcast iphone app).</p>
<ul>
<li><a href="https://www.buzzfeed.com/anotherround" target="_blank">Another Round with Heben and Tracy</a><p>Heben and Tracy interview so many interesting people and ask such good questions. They get to the point while being funny and sharp. Some highlights for me: #57 (with poet Jenny Zhang), #28 (with Hillary Clinton), and #3 (with Issa Rae, before her show Insecure came on). And a million others I won't list here (Ta-Nehisi Coates! Padma Lakshmi! Melissa Harris-Perry! Janet Mock!)</p></li>
<li><a href="https://gimletmedia.com/show/startup/all/season-1/" target="_blank">StartUp (Season One)</a><p>Alex Blumberg hosts this podcast which documents his efforts to start a podcast media company. So much great behind-the-scenes detail; the highlights for me were the interactions between Blumberg and his wife Nazanin Rafsanjani. Later seasons document other startups and companies and I did not find them as compelling but continued to listen (*spoiler alert*) so I could hear for updates on Gimlet (the media company Blumberg founded and now runs).</p></li>
<li><a href="http://www.npr.org/sections/monkeysee/129472378/pop-culture-happy-hour" target="_blank">Pop Culture Happy Hour</a><p>This was I think my gateway podcast. It's from NPR and a pretty lighthearted but thoughtful review of movies, tv, books, and sometimes music. They have a rotating cast who take turns filling in the fourth seat for their weekly roundtable discussions. Two of my faves are Audie Cornish and Barrie Hardymon </p></li>
<li><a href="https://www.nytimes.com/2017/01/30/podcasts/the-daily-get-ready-for-the-daily-your-audio-news-report.html">The New York Times Daily</a><p>A daily look at major news events with an in-depth look at one main story. I listen to the Daily on my commute.</p></li>
</ul>
</article>

<article class="knitting">
<h4>Knitting</h4>
<p>someday</p>
</article>

<article class="sociolinguistics">
<h4>Sociolinguistics</h4>
<p>someday</p>
</article>

<article class="public-ed">
<h4>Fully fund public education</h4>
<p>someday</p>
</article>
</article>
</section>
</main>

<footer>
<div class="disclaim">
<p>&copy;2017</p>
</div>

<div class="contact">
<p>Get in touch: sai samant (@) gmail (dot) com</p>
</div>
</footer>
</body>
</html>
41 changes: 41 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="styles/styles.css">
<title>Sai Samant</title>
</head>
<body>

<header>
<div class="hello">
<h1>&lt; hello. &gt;</h1>
</div>
<div class="nav">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why have a class called .nav? Could you avoid the div and style the more semantic <nav> tag directly?

<nav>
<ul>
<li><a href="portfolio.html">code</a></li>
<li><a href="blog.html">other</a></li>
<li><a href="about.html">me</a></li>
</ul>
</nav>
</div>
</header>

<main>
<section class="welcome">
<p>Nice to have you here. My name is Sai Samant. I am currently learning to code at <a href="http://www.adadevelopersacademy.org">Ada Developers Academy</a> in Seattle, WA. Check out some of my <a href="portfolio.html">projects</a>. I spend a lot of time listening to <a href="blog.html">podcasts</a>. And here is some other maybe <a href="about.html">fun stuff</a> about me.</p>
</section>
</main>

<footer>
<div class="disclaim">
<p>&copy;2017</p>
</div>

<div class="contact">
<p>Get in touch: sai samant (@) gmail (dot) com</p>
</div>
</footer>
</body>
</html>
Loading