Skip to content

Commit 2e80846

Browse files
pwangypwangy
committed
placeholder
1 parent ef6cf18 commit 2e80846

File tree

7 files changed

+117
-145
lines changed

7 files changed

+117
-145
lines changed

‎index.html

Lines changed: 14 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" >
5-
<link rel="icon" type="image/ico" href="/favicon.ico" >
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>blipsandclicks dot com</title>
8-
</head>
9-
<body>
10-
<div id="root"></div>
11-
<script type="module" src="/src/main.jsx"></script>
12-
</body>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/ico" href="/favicon.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="preconnect" href="https://fonts.googleapis.com">
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9+
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
10+
<title>blipsandclicks dot com</title>
11+
</head>
12+
<body>
13+
<div id="root"></div>
14+
<script type="module" src="/src/main.jsx"></script>
15+
</body>
1316
</html>

‎robots.txt

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
User-agent: Googlebot
2+
Disallow: /
3+
User-agent: Mediapartners-Google
4+
Disallow: /
5+
User-agent: Adsbot-Google
6+
Disallow: /
7+
User-agent: Jeeves
8+
Disallow: /
9+
User-agent: Slurp
10+
Disallow: /
11+
User-agent: Yahoo-MMCrawler
12+
Disallow: /
13+
User-agent: msnbot
14+
Disallow: /
15+
User-agent: psbot
16+
Disallow: /
17+
User-agent: *
18+
Disallow: /*.gif$
19+
Disallow: /*.Gif$
20+
Disallow: /*.GIF$
21+
Disallow: /*.jpg$
22+
Disallow: /*.Jpg$
23+
Disallow: /*.JPG$
24+
Disallow: /*.jpeg$
25+
Disallow: /*.Jpeg$
26+
Disallow: /*.JPEG$
27+
Disallow: /*.pdf$
28+
Disallow: /*.Pdf$
29+
Disallow: /*.PDF$
30+
Disallow: /*.zip$
31+
Disallow: /*.Zip$
32+
Disallow: /*.ZIP$

‎src/App.css

Lines changed: 0 additions & 42 deletions
This file was deleted.

‎src/App.jsx

Lines changed: 30 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,30 @@
1-
import { useState } from 'react'
2-
import reactLogo from './assets/react.svg'
3-
import viteLogo from '/vite.svg'
4-
import './App.css'
5-
6-
function App() {
7-
const [count, setCount] = useState(0)
8-
9-
return (
10-
<>
11-
<div>
12-
<a href="https://vitejs.dev" target="_blank">
13-
<img src={viteLogo} className="logo" alt="Vite logo" />
14-
</a>
15-
<a href="https://react.dev" target="_blank">
16-
<img src={reactLogo} className="logo react" alt="React logo" />
17-
</a>
18-
</div>
19-
<h1>Vite + React</h1>
20-
<div className="card">
21-
<button onClick={() => setCount((count) => count + 1)}>
22-
count is {count}
23-
</button>
24-
<p>
25-
Edit <code>src/App.jsx</code> and save to test HMR
26-
</p>
27-
</div>
28-
<p className="read-the-docs">
29-
Click on the Vite and React logos to learn more
30-
</p>
31-
</>
32-
)
33-
}
34-
35-
export default App
1+
export const App = () => {
2+
return (
3+
<>
4+
<section>
5+
<div>
6+
<h1>Hello!</h1>
7+
</div>
8+
<div className='update'>
9+
<p>
10+
I&apos;m a Frontend Developer and Designer based in
11+
Berkeley, California.
12+
</p>
13+
<p>Bits and baubles are forthcoming.</p>
14+
<p>In the meantime, you might visit:</p>
15+
<p className='links'>
16+
<a href='https://www.linkedin.com/in/peggywang/'>
17+
LinkedIn
18+
</a>
19+
&nbsp;//&nbsp;
20+
<a href='https://github.com/pwangy'>Github</a>
21+
&nbsp;//&nbsp;
22+
<a href='https://pwangy-portfolio.netlify.app/'>
23+
Portfolio
24+
</a>
25+
</p>
26+
</div>
27+
</section>
28+
</>
29+
)
30+
}

‎src/assets/bg.jpg

165 KB
Loading

‎src/index.css

Lines changed: 36 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,68 +1,52 @@
1+
* {
2+
color: #fff;
3+
}
14
:root {
2-
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
3-
line-height: 1.5;
4-
font-weight: 400;
5-
6-
color-scheme: light dark;
7-
color: rgba(255, 255, 255, 0.87);
8-
background-color: #242424;
9-
5+
font-family: "Source Code Pro", monospace;
6+
font-optical-sizing: auto;
7+
font-style: normal;
8+
font-weight: 700;
109
font-synthesis: none;
10+
line-height: 1.5;
1111
text-rendering: optimizeLegibility;
1212
-webkit-font-smoothing: antialiased;
1313
-moz-osx-font-smoothing: grayscale;
1414
}
15-
16-
a {
17-
font-weight: 500;
18-
color: #646cff;
19-
text-decoration: inherit;
20-
}
21-
a:hover {
22-
color: #535bf2;
23-
}
24-
2515
body {
2616
margin: 0;
17+
padding: 0;
18+
background-color: #97a692;
19+
background-image: url('./assets/bg.jpg');
20+
background-attachment: fixed;
21+
background-size: cover;
2722
display: flex;
28-
place-items: center;
29-
min-width: 320px;
30-
min-height: 100vh;
23+
align-items: center;
3124
}
32-
33-
h1 {
34-
font-size: 3.2em;
35-
line-height: 1.1;
25+
.links {
26+
margin-top: -15px;
3627
}
37-
38-
button {
39-
border-radius: 8px;
40-
border: 1px solid transparent;
41-
padding: 0.6em 1.2em;
42-
font-size: 1em;
43-
font-weight: 500;
44-
font-family: inherit;
45-
background-color: #1a1a1a;
28+
a {
29+
color: #fff;
30+
text-decoration: none;
4631
cursor: pointer;
47-
transition: border-color 0.25s;
4832
}
49-
button:hover {
50-
border-color: #646cff;
33+
a:hover {
34+
color: #04152d;
5135
}
52-
button:focus,
53-
button:focus-visible {
54-
outline: 4px auto -webkit-focus-ring-color;
36+
section {
37+
margin: 10%;
38+
padding: 36px;
39+
width: 350px;
40+
background: rgba(0, 0, 15, 0.1);
5541
}
56-
57-
@media (prefers-color-scheme: light) {
58-
:root {
59-
color: #213547;
60-
background-color: #ffffff;
61-
}
62-
a:hover {
63-
color: #747bff;
64-
}
65-
button {
66-
background-color: #f9f9f9;
67-
}
42+
h1 {
43+
margin: 0;
44+
padding: 20% 0 0 0;
45+
font-size: 70px;
46+
align-content: center;
6847
}
48+
49+
.update {
50+
margin-top: 0;
51+
padding-bottom: 15%;
52+
}

‎src/main.jsx

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import React from 'react'
22
import ReactDOM from 'react-dom/client'
3-
import App from './App.jsx'
3+
import { App } from './App.jsx'
44
import './index.css'
55

66
ReactDOM.createRoot(document.getElementById('root')).render(
7-
<React.StrictMode>
8-
<App />
9-
</React.StrictMode>,
10-
)
7+
<React.StrictMode>
8+
<App />
9+
</React.StrictMode>
10+
)

0 commit comments

Comments
 (0)