diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 21be44d6..d1cd6a36 100755 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -1,7 +1,6 @@ import React from 'react'; import classnames from 'classnames'; import Layout from '@theme/Layout'; -import Link from '@docusaurus/Link'; import BrowserOnly from '@docusaurus/BrowserOnly'; import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import useBaseUrl from '@docusaurus/useBaseUrl'; @@ -77,6 +76,30 @@ const FEATURES = [ }, ]; +function Tweet({url, handle, name, content, avatar, date}) { + return ( +
+
+
+ +
+
+ {name}{' '} + + @{handle} ·{' '} + + {date} + + +
+
{content}
+
+
+
+
+ ); +} + function Home() { const context = useDocusaurusContext(); const {siteConfig = {}} = context; @@ -158,7 +181,7 @@ function Home() { )} -
+
@@ -259,7 +282,7 @@ function Home() {
-
+
@@ -279,7 +302,7 @@ function Home() { 'col--4', styles.featuresRowItemContainer, )}> -
+

{title}

{description} @@ -331,6 +354,160 @@ function Home() {

+
+
+

+ Loved by many engineers +

+
+
+ + 1️⃣ Tech Interview Handbook +
+
+ This repository has practical content that covers all + phases of a technical interview, from applying for a job + to passing the interviews to offer negotiation. 📎 + + } + /> + + Another excellent tech interview handbook! If you need to + prepare yourself for a tech interview or you're an + interviewer and need additional inspiration. Happy Monday! + #techinterviews + + } + /> + + Tech Interview Handbook 💻 - Content to help you ace your + next technical interview. Lots of front-end content here + ✅ + + } + /> +
+
+ + 5. Tech Interview Handbook +
+
+ Here's free and curated technical interview preparation + materials for busy engineers. Besides the usual algorithm + questions, other awesome stuff includes How to prepare for + coding interviews, Interview Cheatsheet, and more. + + } + /> + + Preparing for a job interview? +
+
+ The tech interview handbook contains carefully curated to + help you ace your next technical interview. +
+
+ And it's free. + + } + /> + Nice open source tech interview handbook} + /> +
+
+ + Lastly, the Tech Interview Handbook. This is a pretty + solid comprehensive resource from your initial + introduction, to resumes, system design, coding, etc. + Points to other solid resources that can be a great help. + + } + /> + + 🔹Tech Interview Handbook: Another useful resource that + covers information about technical interviews. It covers + the job applications, the interview process and the + post-interview + + } + /> + + The Tech Interview Handbook provides carefully curated + content to help you ace your next technical interview. + + } + /> +
+
+
+
diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css index bc2bcf87..32b242ac 100755 --- a/website/src/pages/styles.module.css +++ b/website/src/pages/styles.module.css @@ -63,10 +63,6 @@ } .featuresRow .featuresRowItem { - border-color: var(--ifm-color-emphasis-300); - border-radius: var(--ifm-card-border-radius); - border-style: solid; - border-width: 1px; display: flex; flex-direction: column; height: 100%; @@ -84,3 +80,25 @@ .featuresRow .featuresRowItemLink { font-size: 0.9rem; } + +.tweet { + font-size: 15px; +} + +.tweetsSection { + margin-top: -2rem; +} + +.tweetsSection > :global(.col) { + padding-top: 2rem; + margin-top: -2rem; +} + +.tweetsSection > :global(.col) > * { + margin-top: 2rem; +} + +.tweetMeta, +.tweetMeta:hover { + color: var(--ifm-color-emphasis-700); +}