responsivess fixes and more

jsonresume · Feb 20, 2024 · 46d8a18 · 46d8a18
1 parent b9e9139
commit 46d8a18
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 24 deletions.
diff --git a/apps/registry/pages/api/suggestions.js b/apps/registry/pages/api/suggestions.js
@@ -19,9 +19,9 @@ export default async function handler(req, res) {
 
   const api = new ChatGPTAPI({
     apiKey: process.env.OPENAI_API_KEY,
+    model: 'gpt-3.5-32k-turbo',
     completionParams: {
       temperature: 0.9,
-      top_p: 0.8,
     },
   });
 
@@ -36,6 +36,8 @@ export default async function handler(req, res) {
   - Better ways of saying things
   - Jobs and skills that I could have described better
 
+  Format your answer in markdown
+
   Do not give general tips. Be as specific about my actual resume as possible.
   
   Focus on ${focus}

diff --git a/apps/registry/pages/jobs.js b/apps/registry/pages/jobs.js
@@ -7,8 +7,6 @@ import Link from 'next/link';
 
 const MessagesContainer = styled.div`
   background: #fbfbfb;
-  max-width: 600px;
-  padding: 90px 30px;
   width: 100%;
   height: calc(100vh - 170px);
 `;
@@ -25,7 +23,12 @@ const Message = styled.div`
   margin-bottom: 10px;
 `;
 
-export default function Talk() {
+/*
+ - only show last 3 months of jobs
+ - show similarity score
+*/
+
+export default function Jobs() {
   const router = useRouter();
   const parts = router.asPath.split('/');
   const username = parts[1];

diff --git a/apps/registry/pages/letter.js b/apps/registry/pages/letter.js
@@ -17,11 +17,11 @@ import ButtonGroup from '../src/ui/ButtonGroup';
 */
 
 const JobDescription = styled.textarea`
-  width: calc(100% - 30px);
+  width: calc(100% - 50px);
   height: 100px;
   border: 1px solid #ccc;
   border-radius: 5px;
-  padding: 10px;
+  padding: 20px;
   font-size: 14px;
   margin-bottom: 20px;
 `;

diff --git a/apps/registry/pages/suggestions.js b/apps/registry/pages/suggestions.js
@@ -8,6 +8,7 @@ import Label from '../src/ui/Label';
 import ButtonGroup from '../src/ui/ButtonGroup';
 import Dropdown from '../src/ui/Dropdown';
 import Button from '../src/ui/Button';
+import ReactMarkdown from 'react-markdown';
 
 const Paper = styled.div`
   border: 1px solid #ccc;
@@ -81,16 +82,7 @@ export default function Suggestions() {
       <br />
       {!submitting && suggestions && (
         <Paper>
-          <pre
-            style={{
-              'white-space': 'pre-wrap',
-              width: '60%',
-              margin: 'auto',
-              'margin-top': '100px',
-            }}
-          >
-            {suggestions}
-          </pre>
+          <ReactMarkdown>{suggestions}</ReactMarkdown>
         </Paper>
       )}
     </Layout>

diff --git a/apps/registry/src/ui/Layout.js b/apps/registry/src/ui/Layout.js
@@ -3,15 +3,11 @@ import Link from 'next/link';
 import { useRouter } from 'next/router';
 import styled from 'styled-components';
 
-const Container = styled.div`
-  height: 100vh;
-  width: 100vw;
-  display: flex;
-  flex-direction: column;
-`;
+const Container = styled.div``;
 
 const HeaderContainer = styled.div`
   max-width: 800px;
+  width: 100%;
   margin: auto;
   display: flex;
   flex-direction: row;
@@ -26,7 +22,7 @@ const Header = styled.div`
   position: fixed;
   left: 0;
   top: 0;
-  width: 100vw;
+  width: 100%;
   height: 40px;
   font-weight: 500;
 `;
@@ -49,6 +45,7 @@ const Logo = styled.a`
 const Links = styled.div`
   width: 300px;
   display: flex;
+  margin-right: 20px;
   justify-content: space-between;
   a {
     text-decoration: none;
@@ -61,9 +58,9 @@ const Links = styled.div`
 
 const Content = styled.div`
   max-width: 800px;
-  min-width: 800px;
   margin: auto;
   margin-top: 80px;
+  padding: 20px;
 `;
 
 export default function Layout({ children }) {