Skip to content

Commit 43d8bb2

Browse files
SMEDjsSMEDjs
committed
upgraded the editor 👍 😀
0 parents  commit 43d8bb2

31 files changed

+33951
-0
lines changed

Diff for: ‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

Diff for: ‎README.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# css.surf
2+
this is the front end source code of css.surf
3+
4+
hosted with netlify
5+
[![Netlify Status](https://api.netlify.com/api/v1/badges/1efa5c45-b0e3-456c-b6c1-35c393e18bf6/deploy-status)](https://app.netlify.com/sites/fervent-roentgen-2e6c31/deploys)

Diff for: ‎netlify.toml

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
[[redirects]]
2+
3+
4+
from = "/*"
5+
to = "/"
6+
status = 200

Diff for: ‎package-lock.json

+17,278
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
{
2+
"name": "csssurf",
3+
"version": "0.0.2",
4+
"description": "Open source website to put your css element and share them with people",
5+
"scripts": {
6+
"start": "react-scripts start",
7+
"build": "react-scripts build",
8+
"test": "react-scripts test --env=jsdom",
9+
"eject": "react-scripts eject"
10+
},
11+
"dependencies": {
12+
"@chakra-ui/react": "^1.6.3",
13+
"@emotion/css": "^11.1.3",
14+
"@emotion/react": "^11.4.0",
15+
"@emotion/styled": "^11.3.0",
16+
"@stripe/react-stripe-js": "^1.4.1",
17+
"@stripe/stripe-js": "^1.15.1",
18+
"@uiw/react-codemirror": "^3.0.12",
19+
"formik": "^2.2.9",
20+
"framer-motion": "^4.1.17",
21+
"node-fetch": "^2.6.1",
22+
"react": "^17.0.2",
23+
"react-colorful": "^5.2.3",
24+
"react-copy-to-clipboard": "^5.0.3",
25+
"react-dom": "^17.0.2",
26+
"react-helmet-async": "^1.0.8",
27+
"react-router-dom": "^5.2.0",
28+
"react-scripts": "^4.0.3",
29+
"rgb-hex": "^4.0.0"
30+
},
31+
"engines": {
32+
"node": "12.x"
33+
},
34+
"repository": {
35+
"url": "https://github.com/SMEDjs/css.surf"
36+
},
37+
"license": "MIT",
38+
"keywords": [
39+
"node",
40+
"glitch",
41+
"react"
42+
],
43+
"browserslist": {
44+
"production": [
45+
">0.2%",
46+
"not dead",
47+
"not op_mini all"
48+
],
49+
"development": [
50+
"last 1 chrome version",
51+
"last 1 firefox version",
52+
"last 1 safari version"
53+
]
54+
}
55+
}

Diff for: ‎public/index.html

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
</head>
7+
<body>
8+
<div id="root"></div>
9+
</body>
10+
</html>

Diff for: ‎public/style.css

+76
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
* {
2+
box-sizing: border-box;
3+
}
4+
5+
body {
6+
font-family: helvetica, arial, sans-serif;
7+
margin: 25px;
8+
}
9+
10+
h1 {
11+
font-weight: bold;
12+
color: pink;
13+
}
14+
15+
.bold {
16+
font-weight: bold;
17+
}
18+
19+
p {
20+
max-width: 600px;
21+
}
22+
23+
form {
24+
margin-bottom: 25px;
25+
padding: 15px;
26+
background-color: cyan;
27+
display: inline-block;
28+
width: 100%;
29+
max-width: 340px;
30+
border-radius: 3px;
31+
}
32+
33+
input {
34+
display: block;
35+
margin-bottom: 10px;
36+
padding: 5px;
37+
width: 100%;
38+
border: 1px solid lightgrey;
39+
border-radius: 3px;
40+
font-size: 16px;
41+
}
42+
43+
button {
44+
font-size: 16px;
45+
border-radius: 3px;
46+
background-color: lightgrey;
47+
border: 1px solid grey;
48+
box-shadow: 2px 2px teal;
49+
cursor: pointer;
50+
}
51+
52+
button:hover {
53+
background-color: yellow;
54+
}
55+
56+
button:active {
57+
box-shadow: none;
58+
}
59+
60+
li {
61+
margin-bottom: 5px;
62+
}
63+
64+
footer {
65+
margin-top: 50px;
66+
padding-top: 25px;
67+
border-top: 1px solid lightgrey;
68+
}
69+
70+
footer > a {
71+
color: #BBBBBB;
72+
}
73+
74+
.nicejob {
75+
text-decoration: line-through;
76+
}

0 commit comments

Comments
 (0)