diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md index 02f3f81bd27b49aff20ffe18fcf62452df9e11ca..58f488d88909b354666c8cf33a5093ae35dfad5c 100644 --- a/blog/2019-05-28-first-blog-post.md +++ b/blog/2019-05-28-first-blog-post.md @@ -6,7 +6,7 @@ authors: title: Docusaurus Core Team url: https://github.com/wgao19 image_url: https://github.com/wgao19.png -tags: [hola, docusaurus] +tags: [hola, docusaurus, Lydra] --- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet diff --git a/src/theme/BlogLayout/index.js b/src/theme/BlogLayout/index.js deleted file mode 100644 index 1419191b4b063e76031fe162dddd4ce26d345eb4..0000000000000000000000000000000000000000 --- a/src/theme/BlogLayout/index.js +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react'; -import clsx from 'clsx'; -import Layout from '@theme/Layout'; -import BlogSidebar from '@theme/BlogSidebar'; -export default function BlogLayout(props) { - const {sidebar, toc, children, ...layoutProps} = props; - const hasSidebar = sidebar && sidebar.items.length > 0; - return ( - <Layout {...layoutProps}> - <div className="container margin-vert--lg"> - <div className="row"> - LOL - <BlogSidebar sidebar={sidebar} /> - <main - className={clsx('col', { - 'col--7': hasSidebar, - 'col--9 col--offset-1': !hasSidebar, - })} - itemScope - itemType="http://schema.org/Blog"> - lol - {children} - </main> - {toc && <div className="col col--2">{toc}</div>} - </div> - </div> - </Layout> - ); -} diff --git a/src/theme/BlogListPage/index.js b/src/theme/BlogListPage/index.js index 2b5598023de80918b4ad988a2cb79a467d2c3d1b..11ab24403bcf75fb832b50d56c5736f6edfa9287 100644 --- a/src/theme/BlogListPage/index.js +++ b/src/theme/BlogListPage/index.js @@ -27,11 +27,15 @@ function BlogListPageMetadata(props) { } function BlogListPageContent(props) { const {metadata, items, sidebar} = props; + console.log(sidebar) + const stuff = [] + items.forEach(element => { + element.content.frontMatter.tags.includes("Lydra") && stuff.push(element) + }); return ( <> - lol <BlogLayout sidebar={sidebar}> - <BlogPostItems items={items} /> + <BlogPostItems items={stuff} /> <BlogListPaginator metadata={metadata} /> </BlogLayout> </> diff --git a/src/theme/Tag/index.js b/src/theme/Tag/index.js deleted file mode 100644 index 08a263d1bcd5187222efef65c246f59861ed27a5..0000000000000000000000000000000000000000 --- a/src/theme/Tag/index.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from 'react'; -import clsx from 'clsx'; -import Link from '@docusaurus/Link'; -import styles from './styles.module.css'; -export default function Tag({permalink, label, count}) { - return ( - <Link - href={permalink} - className={clsx( - styles.tag, - count ? styles.tagWithCount : styles.tagRegular, - )}> - {label} - {count && <span>{count}</span>} - </Link> - ); -} diff --git a/src/theme/Tag/styles.module.css b/src/theme/Tag/styles.module.css deleted file mode 100644 index b0830a1dda4aae9363db387ceb5da88361b76cd4..0000000000000000000000000000000000000000 --- a/src/theme/Tag/styles.module.css +++ /dev/null @@ -1,63 +0,0 @@ -:root { - --docusaurus-tag-list-border: var(--ifm-color-emphasis-300); -} - -.tag { - border: 1px solid var(--docusaurus-tag-list-border); - transition: border var(--ifm-transition-fast); -} - -.tag:hover { - --docusaurus-tag-list-border: var(--ifm-link-color); - text-decoration: none; -} - -.tagRegular { - border-radius: var(--ifm-global-radius); - padding: 0.2rem 0.5rem 0.3rem; - font-size: 90%; -} - -.tagWithCount { - display: flex; - align-items: center; - position: relative; - padding: 0 0.5rem 0 1rem; - border-left: 0; -} - -.tagWithCount::before, -.tagWithCount::after { - content: ''; - position: absolute; - top: 50%; - border: 1px solid var(--docusaurus-tag-list-border); - transition: inherit; -} - -.tagWithCount::before { - right: 100%; - transform: translate(50%, -50%) rotate(-45deg); - width: 1.18rem; - height: 1.18rem; - border-right: 0; - border-bottom: 0; -} - -.tagWithCount::after { - left: 0; - transform: translateY(-50%); - width: 0.5rem; - height: 0.5rem; - border-radius: 50%; -} - -.tagWithCount span { - background: var(--ifm-color-secondary); - color: var(--ifm-color-black); - font-size: 0.7rem; - line-height: 1.2; - border-radius: var(--ifm-global-radius); - padding: 0.1rem 0.4rem; - margin-left: 0.3rem; -} diff --git a/src/theme/TagsListByLetter/index.js b/src/theme/TagsListByLetter/index.js deleted file mode 100644 index dd6bae657c21f8ca0988bad9e946c2b8b3afa70b..0000000000000000000000000000000000000000 --- a/src/theme/TagsListByLetter/index.js +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import {listTagsByLetters} from '@docusaurus/theme-common'; -import Tag from '@theme/Tag'; -import styles from './styles.module.css'; -function TagLetterEntryItem({letterEntry}) { - return ( - <article> - <h2>{letterEntry.letter}</h2> - <ul className="padding--none"> - {letterEntry.tags.map((tag) => ( - <li key={tag.permalink} className={styles.tag}> - LOLilol - <Tag {...tag} /> - </li> - ))} - </ul> - <hr /> - </article> - ); -} -export default function TagsListByLetter({tags}) { - const letterList = listTagsByLetters(tags); - return ( - <section className="margin-vert--lg"> - LOLOL - - {letterList.map((letterEntry) => ( - <TagLetterEntryItem - key={letterEntry.letter} - letterEntry={letterEntry} - /> - ))} - </section> - ); -} diff --git a/src/theme/TagsListByLetter/styles.module.css b/src/theme/TagsListByLetter/styles.module.css deleted file mode 100644 index 5eb53229802417beacc8e2109888cc8bcd7ce26f..0000000000000000000000000000000000000000 --- a/src/theme/TagsListByLetter/styles.module.css +++ /dev/null @@ -1,4 +0,0 @@ -.tag { - display: inline-block; - margin: 0.5rem 0.5rem 0 1rem; -} diff --git a/src/theme/TagsListInline/index.js b/src/theme/TagsListInline/index.js deleted file mode 100644 index 13f2c542f1f448e45ff93ee3eb420e552bdb947c..0000000000000000000000000000000000000000 --- a/src/theme/TagsListInline/index.js +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react'; -import clsx from 'clsx'; -import Translate from '@docusaurus/Translate'; -import Tag from '@theme/Tag'; -import styles from './styles.module.css'; -export default function TagsListInline({tags}) { - return ( - <> - <b> - <Translate - id="theme.tags.tagsListLabel" - description="The label alongside a tag list"> - Tags: - </Translate> - </b> - <ul className={clsx(styles.tags, 'padding--none', 'margin-left--sm')}> - {tags.map(({label, permalink: tagPermalink}) => ( - <li key={tagPermalink} className={styles.tag}> - <Tag label={label} permalink={tagPermalink} /> - </li> - ))} - </ul> - </> - ); -} diff --git a/src/theme/TagsListInline/styles.module.css b/src/theme/TagsListInline/styles.module.css deleted file mode 100644 index 3119dc7d6e9b7459b9091d4fb0d3a11bf51aa7c6..0000000000000000000000000000000000000000 --- a/src/theme/TagsListInline/styles.module.css +++ /dev/null @@ -1,8 +0,0 @@ -.tags { - display: inline; -} - -.tag { - margin: 0 0.4rem 0.5rem 0; - display: inline-block; -}