diff options
| -rw-r--r-- | README.md | 6 | ||||
| -rw-r--r-- | bookmark-object-model.png | bin | 0 -> 30359 bytes | |||
| -rw-r--r-- | index.html | 14 | ||||
| -rw-r--r-- | style.css | 11 | ||||
| -rw-r--r-- | widgets.png | bin | 0 -> 67701 bytes | |||
| -rw-r--r-- | widgets.tsx | 19 |
6 files changed, 23 insertions, 27 deletions
@@ -1,4 +1,6 @@ # bookmarks-home +beyond the bar -[Chrome Bookmarks API](https://developer.chrome.com/docs/extensions/reference/api/bookmarks) -[React Docs](https://react.dev/) +### Development resources +- [Chrome Bookmarks API](https://developer.chrome.com/docs/extensions/reference/api/bookmarks) +- [React Docs](https://react.dev/)
\ No newline at end of file diff --git a/bookmark-object-model.png b/bookmark-object-model.png Binary files differnew file mode 100644 index 0000000..407ef25 --- /dev/null +++ b/bookmark-object-model.png diff --git a/index.html b/index.html deleted file mode 100644 index a13fe8a..0000000 --- a/index.html +++ /dev/null @@ -1,14 +0,0 @@ - -<!DOCTYPE html> -<head> - <title>Index Site</title> - <link rel="stylesheet" href="style.css"> -</head> -<body> - <div id="Topbar"> - <a href="https://sowgro.net/">sowgro</a> - <a href="https://rit.edu">RIT</a> - </div> - - -</body> diff --git a/style.css b/style.css deleted file mode 100644 index 2fc9aee..0000000 --- a/style.css +++ /dev/null @@ -1,11 +0,0 @@ -body{ - font-size: 15; - font-family: 'Courier New', Courier, monospace; -} - -#Topbar { - color: white; - display: flex; - flex-direction: row; - background-color: black; -}
\ No newline at end of file diff --git a/widgets.png b/widgets.png Binary files differnew file mode 100644 index 0000000..e8d97bd --- /dev/null +++ b/widgets.png diff --git a/widgets.tsx b/widgets.tsx new file mode 100644 index 0000000..0c84871 --- /dev/null +++ b/widgets.tsx @@ -0,0 +1,19 @@ +function bookmark(url: string, img: string, name: string) { + return( + <a class="bookmark" href={url}> + <img src={img}></img> + <span>{name}</span> + </a> + ); +} + +function folder(children: any, name: string) { + return( + <div class="folder"> + <span>{name}</span> + <div> + {children} + </div> + </div> + ) +}
\ No newline at end of file |
