Skip to content

Commit

Permalink
Refine layout of skills section & articles
Browse files Browse the repository at this point in the history
  • Loading branch information
Jacob committed Aug 5, 2024
1 parent ca62f36 commit bb24112
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 6 deletions.
8 changes: 6 additions & 2 deletions personal_website/pages/articles.py
Original file line number Diff line number Diff line change
Expand Up @@ -104,23 +104,27 @@ def image_link_description(
"""
return rx.link(
rx.vstack(
rx.flex(
rx.box(
rx.image(src=img_src),
direction="column",
align="center",
justify="center",
# height="25vh",
# width="25vh",
),
read_markdown(
title_src,
component_map=styles.ARTICLES_PAGE["MARKDOWN_STYLE_BLOCK_HEADER"],
height="100%",
width="100%",
font_size="0.9em",
),
read_markdown(
descr_src,
component_map=styles.ARTICLES_PAGE["MARKDOWN_STYLE_BLOCK_BODY"],
height="100%",
width="100%",
font_size="0.7em",
),
),
href=href,
Expand Down Expand Up @@ -162,7 +166,7 @@ def create_article_grid(
),
display=display,
padding_top="1em",
max_width=["80vw", "80vw", "80vw", "60vw", "60vw", "60vw"],
max_width=["80vw", "80vw", "80vw", "80vw", "80vw", "80vw"],
)

return article_grid
13 changes: 9 additions & 4 deletions personal_website/pages/index.py
Original file line number Diff line number Diff line change
Expand Up @@ -179,13 +179,13 @@ def skillsets_section() -> rx.Component:
)

(
libraries_header,
_,
libraries_intro,
libraries_grid,
libraries,
) = create_libraries_section()

stack_header, stack_intro, stack_grid, tech_stack = create_tech_stack_section()
_, stack_intro, stack_grid, tech_stack = create_tech_stack_section()

# Used for mobile and tablet view
skills_tabs = create_skills_tabs(
Expand Down Expand Up @@ -251,7 +251,10 @@ def create_libraries_section() -> Tuple[rx.Component]:
padding_top="1em",
)

libraries_intro = rx.text(asset_data.LIBRARY_INTRO_TXT)
libraries_intro = rx.box(
rx.text(asset_data.LIBRARY_INTRO_TXT),
height="10em"
)

libraries_grid = rx.grid(
*[
Expand Down Expand Up @@ -298,7 +301,9 @@ def create_tech_stack_section() -> Tuple[rx.Component]:
padding_top="1em",
)

stack_intro = rx.text(asset_data.TECH_INTRO_TXT)
stack_intro = rx.box(
rx.text(asset_data.TECH_INTRO_TXT),
height="7.5em")

stack_grid = rx.grid(
*[
Expand Down

0 comments on commit bb24112

Please sign in to comment.