Implements Blog To Transfer Blog Posts From Medium to Dedicated /blog Page#909
Implements Blog To Transfer Blog Posts From Medium to Dedicated /blog Page#909darithedev wants to merge 18 commits into
Conversation
There was a problem hiding this comment.
Please make sure this is a condensed image (i.e. ImageOptim)
There was a problem hiding this comment.
Please make sure this is a condensed image (i.e. ImageOptim)
| Renders the blog post page for 2026 H1 cohort from jinja2 template | ||
| """ | ||
| return render_template("blog-posts/meet-2026-h1-cohort.html") | ||
|
|
There was a problem hiding this comment.
since we may have multiple blog posts in the future, it might be better to use dynamic route.
| Blog {% endblock title %} {% block content %} | ||
| <div class="row row__center blue-background"> | ||
| <div class="column"> | ||
| <h1>Techtonica<br />Blog</h1> |
There was a problem hiding this comment.
Is it possible to remove the line break? This section takes up a lot of vertical space
There was a problem hiding this comment.
Yes I can, I will implement this fix in the coming days.
|
Hey @darithedev doing my round of check-ins for the repo, will you be able to update this PR with latest from develop branch and address the requests for changes? |
|
@daaimah123 Yes I will be able to update this PR with the latest from develop branch and address the requests for changes |
4 participants
📝 Description
This PR adds a Blog page to the site: a
/blog/landing page with a blog header and a post preview. A/blog/meet-2026-h1-cohort/page for the 2026 H1 part-time cohort introduction was also added. Navigation includes a Blog link (in About Me drop down), and the blog index is listed insitemap.xml. Styling uses new image width and existing blue header. Two new images were added as place holders to the blog layout.Before
After
🔂 Changes Made
main_site.py: Flask routesrender_blog_page(/blog/) andrender_meet_2026_h1_cohort(/blog/meet-2026-h1-cohort/).templates/blog.html: Blog page with blue background header, Techtonica bridge logo, post title linking to the cohort post, excerpt, and cohort image.templates/blog-posts/meet-2026-h1-cohort.html: Partial cohort intro post with matching header and intro body copy.templates/base.html: Blog nav link pointing to the blog route.static/sass/style.scss(and compiledstatic/css/style.css/ map):.eighty-five-percent-widthand.sixty-percent-widthstatic/img/:sf-bridge-logo-without-background.png,2026-H1-Cohort-Introduction.png.sitemap.xml:http://techtonica.org/blog⚙️ Related Issue
🍏 Type of Change
🎁 Acceptance Criteria
/blog/./blog/shows the blog header and a a post for “Meet Our 2026 H1 Part-Time Cohort!” with a working clickable link to the post./blog/meet-2026-h1-cohort/renders the partial introduction content and images without broken static URLs🧰 New Environment Variables or Requirements
🧪 How to test
/about-us/got down to/blog/and open, and then confirm blog header with bridge image, post title link, excerpt, and cohort thumbnail exists./blog/meet-2026-h1-cohort/page and confirm full text and layout./blog/.🚀 Deployment Notes (if applicable)
📸 Screenshots (if applicable)
✅ Checklist
What I learned, challenges faced, and breakthroughs
Some of the things I learned that about are pre commit checks and why they are helpful, about id hook black, Flask servers, and file compression for images.
Some of the challenges I faced were pre commit check issues, page breaking because of missing route in
main_site.py, and naming conventions of some files (base.html for navbar instead of navbar.html). I'll also add styling not displaying the way I want it to which is something I will be spending more time with.To add, my first commit kept failing and I initially wasn't sure why. The hook id: black kept failing because of a spacing issue, once I figured that out (thanks README), I re added the corresponding file and was able to commit successfully.
For break throughs I was able to successfully commit (pre checks passed), and I was able to add /blog/ route and button link to About Us dropdown.