From 9145733e670dec9eda04074ec7943db1ea7ddda5 Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Wed, 22 May 2024 11:21:59 +0100 Subject: [PATCH 1/2] Olaoluwa Oyebode_Pull Request --- .DS_Store | Bin 0 -> 6148 bytes index.html | 112 +++++++++++++++++++ styles.css | 203 ++++++++++++++++++++++++++++++++++ test.html | 316 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 631 insertions(+) create mode 100644 .DS_Store create mode 100644 index.html create mode 100644 styles.css create mode 100644 test.html diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..568b1a507bcc289341c00425726c9906a95732d5 GIT binary patch literal 6148 zcmeHKyH3ME5S)d8lF+22LAo!n#2+}3Q&7;r4?toBNQM*%5_H$|F?=5t%-$X-Hl{@g zcBQ?!$If|gB;Nyo%pU4vU;{yEONG z+~N+GxJEmF73GCqyd_KNj~RQ9nvstvaDxq*&DNU9k)sZ0gfq-BMTJvhK}OwSJa-sl ztU2=&8qJ7|CChDPHM41lGa^HyH{a&<+F`Ki<_fq1u7E4>4;A22{4oV&P@PvZE-Ig` zUzVq5ZJ=M!)if?@g~od862OM;BZq0w#)H-wS7wZcI*axvI?*ozNf0kwfge!d9X>@+ A$^ZZW literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 00000000..48ed12d3 --- /dev/null +++ b/index.html @@ -0,0 +1,112 @@ + + + + + + Twitter Replica + + + + +
+ +
+
+

Home

+
+
+ User Avatar + +
+
+
+ User Avatar +
+ Eric Elliott Retweeted @owocki 路 26m +
+
+

+ me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
me + as a CEO, 2021: (waves hand) this is my vision 馃寘 +

+
+
+
+ GroupDocs Avatar +
GroupDocs @GroupDocs
+
+

+ GroupDocs Total for .NET is a compilation of every .NET + #API offered by #GroupDocs. We compile it + on a daily basis to ensure that it contains the most up-to-date + versions of each of our .NET document + #automation APIs.
Read more: + bit.ly/347331o +

+
+
+ +
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..b2d6f25f --- /dev/null +++ b/styles.css @@ -0,0 +1,203 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: Arial, sans-serif; +} + +body { + display: grid; + grid-template-columns: 1fr 3fr 1fr; + grid-template-rows: auto; + gap: 10px; + padding: 10px; +} + +.container { + display: contents; +} + +.sidebar { + grid-column: 1 / 2; + display: flex; + flex-direction: column; + align-items: flex-start; + padding: 20px; + border-right: 1px solid #ccc; +} + +.sidebar ul { + list-style: none; + width: 100%; +} + +.sidebar ul li { + margin: 10px 0; + display: flex; + align-items: center; +} + +.sidebar ul li i { + margin-right: 10px; + font-size: 20px; +} + +.sidebar ul li img { + width: 30px; +} + +.sidebar ul li button { + width: 100%; + padding: 10px; + background-color: #1da1f2; + color: white; + border: none; + border-radius: 20px; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; +} + +.sidebar ul li button i { + margin-right: 5px; +} + +.main-content { + grid-column: 2 / 3; + padding: 20px; + border-right: 1px solid #ccc; +} + +.main-content header h1 { + font-size: 24px; + margin-bottom: 20px; +} + +.tweet-box { + display: flex; + align-items: center; + margin-bottom: 20px; +} + +.tweet-box img { + width: 50px; + border-radius: 50%; + margin-right: 10px; +} + +.tweet-box input { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 20px; +} + +.tweet { + border-bottom: 1px solid #ccc; + padding: 10px 0; +} + +.tweet-header { + display: flex; + align-items: center; + margin-bottom: 10px; +} + +.tweet-header img { + width: 50px; + border-radius: 50%; + margin-right: 10px; +} + +.tweet-header div { + display: flex; + flex-direction: column; +} + +.tweet-header div strong { + font-size: 16px; +} + +.tweet-header div span { + font-size: 14px; + color: #555; +} + +.tweet p { + font-size: 14px; +} + +.tweet p span { + color: #1da1f2; + cursor: pointer; +} + +.tweet p a { + color: #1da1f2; +} + +.right-sidebar { + grid-column: 3 / 4; + padding: 20px; +} + +.whats-happening { + background-color: #f5f8fa; + padding: 20px; + border-radius: 10px; +} + +.whats-happening h2 { + font-size: 18px; + margin-bottom: 10px; +} + +.news-item { + margin-bottom: 10px; +} + +.news-item h3 { + font-size: 16px; +} + +.news-item p { + font-size: 14px; + color: #555; +} + +.news-item span { + color: #1da1f2; +} + +.right-sidebar button { + background-color: #1da1f2; + color: white; + padding: 10px; + border: none; + border-radius: 20px; + cursor: pointer; + width: 100%; +} + +@media (max-width: 768px) { + body { + grid-template-columns: 1fr; + } + + .sidebar { + grid-column: 1 / 2; + border-right: none; + border-bottom: 1px solid #ccc; + } + + .main-content { + grid-column: 1 / 2; + border-right: none; + border-bottom: 1px solid #ccc; + } + + .right-sidebar { + grid-column: 1 / 2; + } +} diff --git a/test.html b/test.html new file mode 100644 index 00000000..193008a7 --- /dev/null +++ b/test.html @@ -0,0 +1,316 @@ + + + + + + Twitter Replica + + + + + +
+ +
+
+

Home

+
+
+ User Avatar + +
+
+
+ User Avatar +
+ Eric Elliott Retweeted @owocki 路 26m +
+
+

+ me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
me + as a CEO, 2021: (waves hand) this is my vision 馃寘 +

+
+
+
+ GroupDocs Avatar +
GroupDocs @GroupDocs
+
+

+ GroupDocs Total for .NET is a compilation of every .NET + #API offered by #GroupDocs. We compile it + on a daily basis to ensure that it contains the most up-to-date + versions of each of our .NET document + #automation APIs.
Read more: + bit.ly/347331o +

+
+
+ +
+ + From 4b7508c5de12cd459548a836d431ebc9147e53b7 Mon Sep 17 00:00:00 2001 From: Olaoluwa Oyebode Date: Thu, 23 May 2024 16:08:28 +0100 Subject: [PATCH 2/2] Olaoluwa Oyebode_Pull Request --- index.html | 36 ++++++++++++++--- styles.css | 80 +++++++++++++++++++++++++++++++++++++- test.html | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++--- 3 files changed, 214 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 48ed12d3..8a4d2d4d 100644 --- a/index.html +++ b/index.html @@ -14,8 +14,7 @@
@@ -40,20 +39,39 @@

Home

/>
+
+
+ + + + +
+ +
+
+ Eric Elliott Retweeted +
User Avatar
- Eric Elliott Retweeted @owocki 路 26m + woki GITer of COINs@owocki 路 26m

- me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
me - as a CEO, 2021: (waves hand) this is my vision 馃寘 + me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
+
+ me as a CEO, 2021: (waves hand) this is my vision 馃寘

+
+ + + + +
@@ -71,6 +89,12 @@

Home

#automation APIs.
Read more: bit.ly/347331o

+
+ + + + +
+
+
+ + + + +
+ +
+
+ Eric Elliott Retweeted +
User Avatar
- Eric Elliott Retweeted @owocki 路 26m + woki GITer of COINs@owocki 路 26m

- me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
me - as a CEO, 2021: (waves hand) this is my vision 馃寘 + me as an engineer, 2015: the CEOs vision is so hand-wavey 馃憢
+
+ me as a CEO, 2021: (waves hand) this is my vision 馃寘

+
+ + + + +
@@ -275,6 +370,12 @@

Home

#automation APIs.
Read more: bit.ly/347331o

+
+ + + + +