jketreno/backstory
1
0
Fork 0
Code Issues 12 Actions Releases Activity

Just checking in

Browse Source
This commit is contained in:
James Ketr 2025-04-07 17:38:36 -07:00
parent 6e3f39e6f5
commit 11c974aca9
3 changed files with 19 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/App.css
View File

@ -165,49 +165,38 @@ div {
} }
/* Reduce general whitespace in markdown content */ /* Reduce general whitespace in markdown content */
.About p.MuiTypography-root, * p.MuiTypography-root {
.assistant-message p.MuiTypography-root {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
/* Reduce space between headings and content */ /* Reduce space between headings and content */
.assistant-message h1.MuiTypography-root, * h1.MuiTypography-root,
.assistant-message h2.MuiTypography-root, * h2.MuiTypography-root,
.assistant-message h3.MuiTypography-root, * h3.MuiTypography-root,
.assistant-message h4.MuiTypography-root, * h4.MuiTypography-root,
.assistant-message h5.MuiTypography-root, * h5.MuiTypography-root,
.assistant-message h6.MuiTypography-root, * h6.MuiTypography-root {
.About h1.MuiTypography-root,
.About h2.MuiTypography-root,
.About h3.MuiTypography-root,
.About h4.MuiTypography-root,
.About h5.MuiTypography-root,
.About h6.MuiTypography-root {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 1rem; font-size: 1rem;
} }
/* Reduce space in lists */ /* Reduce space in lists */
.assistant-message ul.MuiTypography-root, * ul.MuiTypography-root,
.assistant-message ol.MuiTypography-root, * ol.MuiTypography-root {
.About ul.MuiTypography-root,
.About ol.MuiTypography-root {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
.About li.MuiTypography-root, * li.MuiTypography-root {
.assistant-message li.MuiTypography-root {
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
font-size: 0.9rem; font-size: 0.9rem;
} }
.About .MuiTypography-root li, * .MuiTypography-root li {
.assistant-message .MuiTypography-root li {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
padding: 0; padding: 0;
@ -215,8 +204,7 @@ div {
} }
/* Reduce space around code blocks */ /* Reduce space around code blocks */
.About .MuiTypography-root pre, * .MuiTypography-root pre {
.assistant-message .MuiTypography-root pre {
border: 1px solid #F5F5F5; border: 1px solid #F5F5F5;
border-radius: 0.5rem; border-radius: 0.5rem;
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;

11
frontend/src/App.tsx
View File

@ -54,11 +54,12 @@ const welcomeMarkdown = `
Backstory was written by James Ketrenos in order to provide answers to questions potential employers may have about his work history. In addition to being a RAG enabled expert system, the LLM is configured with real-time access to weather, stocks, the current time, and can answer questions about the contents of a website. Backstory was written by James Ketrenos in order to provide answers to questions potential employers may have about his work history. In addition to being a RAG enabled expert system, the LLM is configured with real-time access to weather, stocks, the current time, and can answer questions about the contents of a website.
You can ask things like: You can ask things like:
* <ChatQuery text="What is James Ketrenos' work history?"/>
* <ChatQuery text="What programming languages has James used?"/> <ChatQuery text="What is James Ketrenos' work history?"/>
* <ChatQuery text="What is the weather where James is from?"/> <ChatQuery text="What programming languages has James used?"/>
* <ChatQuery text="What are the headlines from CNBC?"/> <ChatQuery text="What is the weather where James is from?"/>
* <ChatQuery text="What are the stock value of the most traded companies?"/> <ChatQuery text="What are the headlines from CNBC?"/>
<ChatQuery text="What are the stock value of the most traded companies?"/>
Or click the text above to submit that query. Or click the text above to submit that query.

3
frontend/src/Message.tsx
View File

@ -30,8 +30,7 @@ const ChatQuery = ({ text, submitQuery }: ChatQueryInterface) => {
? <Button variant="outlined" sx={{ ? <Button variant="outlined" sx={{
color: theme => theme.palette.custom.highlight, // Golden Ochre (#D4A017) color: theme => theme.palette.custom.highlight, // Golden Ochre (#D4A017)
borderColor: theme => theme.palette.custom.highlight, borderColor: theme => theme.palette.custom.highlight,
mt: 1, m: 1
mb: 1
}} }}
size="small" onClick={(e: any) => { console.log(text); submitQuery(text); }}>{text}</Button> size="small" onClick={(e: any) => { console.log(text); submitQuery(text); }}>{text}</Button>
: <Box>{text}</Box>); : <Box>{text}</Box>);