feat: write-ups

th3cyb3rhub · Jul 29, 2022 · 9c6b888 · 9c6b888
2 parents 2953413 + 68f4799
commit 9c6b888
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 5 deletions.
diff --git a/src/components/Resources/WriteUps/WriteUps.jsx b/src/components/Resources/WriteUps/WriteUps.jsx
@@ -1,13 +1,41 @@
 import React from 'react';
-import {Heading} from './WriteUpsElements';
+import {Section, AuthorImage, AuthorUsername, Date,Content, Heading, Paragraph, Image, Tag, MinRead, Bookmark} from './WriteUpsElements';
+
+import {BsBookmarkPlus, BsBookmarkCheck, BsBookmarkDash} from 'react-icons/bs';
+
 
 const WriteUps = () => {
     return (
-        <div>
+        <Section>
+            <AuthorImage src="https://miro.medium.com/fit/c/176/176/1*WrWKJOzibjROkAF5S5Qn8w.jpeg" alt={"Steiner255"} />
+            <AuthorUsername>
+                Steiner255
+            </AuthorUsername>
+            <Date>
+               . 5 Days Ago
+            </Date>
+            <Content>
+
             <Heading>
-                Write-Ups
+                    $$$ bounty in less 3 minutes from a google dork
             </Heading>
-        </div>
+                ~ Hi Bug Bounty Hunters & CyberSecurity folks!!! It’s been long since i dropped a bug bounty writeup. Got lots of them in store, and i will be sharing them soonest possible. Just stay tuned, remember: Practice Make....
+            <Paragraph>
+            </Paragraph>
+            </Content>
+            <Image src="https://miro.medium.com/fit/c/224/224/1*cRu3ETnHdt6n-z96oedxPQ.png" alt="Bootcamp" />
+            <Tag>
+                Bug Bounty
+            </Tag>
+            <MinRead>
+                2 min read
+            </MinRead>
+            <Bookmark>
+                <BsBookmarkPlus/>
+                <BsBookmarkCheck/>
+                <BsBookmarkDash/>
+            </Bookmark>
+        </Section>
     );
 };
 

diff --git a/src/components/Resources/WriteUps/WriteUpsElements.jsx b/src/components/Resources/WriteUps/WriteUpsElements.jsx
@@ -1,5 +1,56 @@
 import styled from "styled-components";
 
+export const Section = styled.div`
+  margin: 200px 100px;
+  color: #fff;  
+`
+
+export const AuthorImage = styled.img`
+  display: inline-block;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+`
+
+export const AuthorUsername = styled.div`
+  display: inline-block;
+  margin: 10px 10px 20px 10px;
+
+`
+
+export const Date = styled.div`
+  display: inline-block;
+
+`
+
+export const Content = styled.div`
+    width: 70%;
+`
 export const Heading = styled.h1`
-    font-size: 2.5rem;
+
+`
+
+export const Paragraph = styled.p`
+  display: inline-block;
+`
+
+export const Image = styled.div`
+  width: 30%;
+  display: inline-block;
+
+`
+
+export const Tag = styled.button`
+    border-radius: 5px;
+  border-color: #2F80ED;
+    border-style: solid;
+  font-size: 20px;
+  border-width: 1px;
+  
+`
+
+export const MinRead = styled.div`
+`
+
+export const Bookmark = styled.div`
 `