KenSchae
/
lamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

syncing

master
Ken Schaefer 2 years ago
parent
deb2fee88a
commit
f147323b04
16 changed files with 118 additions and 9 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 21
      100-days/full-week.html
  2. BIN
      100-days/images/challenges-trophy.jpg
  3. 25
      100-days/index.html
  4. 15
      100-days/styles/daily-challenge.css
  5. 0
      100-days/styles/full-week.css
  6. 23
      100-days/styles/shared.css
  7. 13
      getting-started/form.php
  8. 2
      react-complete-guide/src/App.js
  9. 0
      react-complete-guide/src/components/Expenses/ExpenseDate.css
  10. 0
      react-complete-guide/src/components/Expenses/ExpenseDate.js
  11. 2
      react-complete-guide/src/components/Expenses/ExpenseItem.css
  12. 6
      react-complete-guide/src/components/Expenses/ExpenseItem.js
  13. 2
      react-complete-guide/src/components/Expenses/Expenses.css
  14. 5
      react-complete-guide/src/components/Expenses/Expenses.js
  15. 4
      react-complete-guide/src/components/UI/Card.css
  16. 9
      react-complete-guide/src/components/UI/Card.js

21
100-days/full-week.html
Unescape View File

@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Upcoming Challenges</title>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Oswald:wght@700&display=swap"
rel="stylesheet"
/>
<link href="styles/shared.css" rel="stylesheet" />
<link href="styles/full-week.css" rel="stylesheet" />
</head>
<body>
<h1>My Upcoming Challenges</h1>
<a href="index.html">View Today's Challenge</a>
<p>Repeat what I learned about HTML & CSS</p>
<p>Do the exercises on HTML & CSS</p>
<p>Dive deeper into HTML & CSS and build more complex websites</p>
</body>
</html>

BIN
100-days/images/challenges-trophy.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

25
100-days/index.html
Unescape View File

@ -0,0 +1,25 @@
<!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">
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Oswald:wght@700&display=swap"
rel="stylesheet"
/>
<link href="styles/shared.css" rel="stylesheet" />
<link href="styles/daily-challenge.css" rel="stylesheet" />
<title>My Daily Challenge</title>
</head>
<body>
<img src="images/challenges-trophy.jpg" alt="A trophy" />
<h1>Max' Challenge for Wednesday, August 4th</h1>
<p id="todays-challenge">
Learn about the basics of web development - specifically dive into HTML &
CSS.
</p>
<p>Explore the <a href="full-week.html">full week</a>.</p>
</body>
</html>

15
100-days/styles/daily-challenge.css
Unescape View File

@ -0,0 +1,15 @@
body {
margin: 50px;
}
img {
width: 200px;
height: 200px;
border-radius: 100px;
}
#todays-challenge {
color: rgb(170, 96, 83);
font-weight: bold;
font-size: 52px;
}

0
100-days/styles/full-week.css
Unescape View File

23
100-days/styles/shared.css
Unescape View File

@ -0,0 +1,23 @@
body {
background-color: rgb(233, 215, 207);
text-align: center;
color: rgb(83, 75, 75);
}
h1 {
font-family: 'Oswald', sans-serif;
}
p {
font-family: 'Fira Sans', sans-serif;
}
a {
font-family: 'Fira Sans', sans-serif;
text-decoration: none;
color: rgb(167, 1, 78);
}
a:hover {
text-decoration: underline;
}

13
getting-started/form.php
Unescape View File

@ -0,0 +1,13 @@
<?php
if(isset($_POST['searchterm']))
{
echo htmlspecialchars($_POST['searchterm'], ENT_QUOTES);
}
?>
<form action="" method="post">
User name: <input type="text" name="name"><br>
Password: <input type="password" name="password"><br>
<input type="submit" value="Search">
</form>

2
react-complete-guide/src/App.js vendored
Unescape View File

@ -1,4 +1,4 @@
import Expenses from "./components/Expenses"; import Expenses from "./components/Expenses/Expenses";
function App() { function App() {
const expenses = [ const expenses = [

0
react-complete-guide/src/components/ExpenseDate.css → react-complete-guide/src/components/Expenses/ExpenseDate.css
Unescape View File

0
react-complete-guide/src/components/ExpenseDate.js → react-complete-guide/src/components/Expenses/ExpenseDate.js vendored
Unescape View File

2
react-complete-guide/src/components/ExpenseItem.css → react-complete-guide/src/components/Expenses/ExpenseItem.css
Unescape View File

@ -2,10 +2,8 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
padding: 0.5rem; padding: 0.5rem;
margin: 1rem 0; margin: 1rem 0;
border-radius: 12px;
background-color: #4b4b4b; background-color: #4b4b4b;
} }

6
react-complete-guide/src/components/ExpenseItem.js → react-complete-guide/src/components/Expenses/ExpenseItem.js vendored
Unescape View File

@ -1,4 +1,6 @@
import ExpenseDate from './ExpenseDate'; import ExpenseDate from './ExpenseDate';
import Card from '../UI/Card';
import './ExpenseItem.css'; import './ExpenseItem.css';
function ExpenseItem(props) { function ExpenseItem(props) {
@ -7,13 +9,13 @@ function ExpenseItem(props) {
const expenseAmount = 294.67;*/ const expenseAmount = 294.67;*/
return ( return (
<div className="expense-item"> <Card className="expense-item">
<ExpenseDate date={props.date} /> <ExpenseDate date={props.date} />
<div className="expense-item__description"> <div className="expense-item__description">
<h2>{props.title}</h2> <h2>{props.title}</h2>
<div className="expense-item__price">${props.amount}</div> <div className="expense-item__price">${props.amount}</div>
</div> </div>
</div> </Card>
); );
} }

2
react-complete-guide/src/components/Expenses.css → react-complete-guide/src/components/Expenses/Expenses.css
Unescape View File

@ -4,6 +4,4 @@
margin: 2rem auto; margin: 2rem auto;
width: 50rem; width: 50rem;
max-width: 95%; max-width: 95%;
border-radius: 12px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
} }

5
react-complete-guide/src/components/Expenses.js → react-complete-guide/src/components/Expenses/Expenses.js vendored
Unescape View File

@ -1,9 +1,10 @@
import ExpenseItem from "./ExpenseItem"; import ExpenseItem from "./ExpenseItem";
import Card from "../UI/Card";
import "./Expenses.css"; import "./Expenses.css";
function Expenses(props) { function Expenses(props) {
return ( return (
<div className="expenses"> <Card className="expenses">
<ExpenseItem <ExpenseItem
title={props.items[0].title} title={props.items[0].title}
amount={props.items[0].amount} amount={props.items[0].amount}
@ -24,7 +25,7 @@ function Expenses(props) {
amount={props.items[3].amount} amount={props.items[3].amount}
date={props.items[3].date} date={props.items[3].date}
></ExpenseItem> ></ExpenseItem>
</div> </Card>
); );
} }

4
react-complete-guide/src/components/UI/Card.css
Unescape View File

@ -0,0 +1,4 @@
.card {
border-radius: 12px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25);
}

9
react-complete-guide/src/components/UI/Card.js vendored
Unescape View File

@ -0,0 +1,9 @@
import './Card.css';
function Card(props) {
const classes = 'card ' + props.className;
return <div className={classes}>{props.children}</div>
}
export default Card;
Write Preview
Loading…
Cancel
Save