Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
26 commits
Select commit Hold shift + click to select a range
899a80b
I have successfully added the ARIA roles to the main navigation menu …
google-labs-jules[bot] Aug 30, 2025
48edea2
feat(accessibility): Enhance theme with ARIA roles and labels
google-labs-jules[bot] Aug 30, 2025
e7032eb
Update README.md
DealsBeam Aug 30, 2025
526a628
feat: Update Bootstrap to v5.3.8 and modernize SVG links
google-labs-jules[bot] Aug 30, 2025
055ee20
feat: Create a build system for a modern Blogspot theme
google-labs-jules[bot] Sep 1, 2025
a830162
Merge pull request #2 from DealsBeam/feat/blogspot-theme-builder
DealsBeam Sep 1, 2025
2ff34e3
Merge pull request #1 from DealsBeam/1
DealsBeam Sep 1, 2025
68313cb
fix(theme): Replace invalid © with XML-compliant entity
google-labs-jules[bot] Sep 1, 2025
a923c97
fix(theme): Ensure all widgets are within sections
google-labs-jules[bot] Sep 1, 2025
149b400
Merge pull request #3 from DealsBeam/feat/blogspot-theme-builder
DealsBeam Sep 1, 2025
ffdd8cf
Create a Bootstrap-based Blogspot template
google-labs-jules[bot] Sep 14, 2025
a5c9e75
Merge pull request #4 from DealsBeam/bootstrap-template
DealsBeam Sep 14, 2025
54c9bd4
Upgrade Bootstrap-based Blogspot template
google-labs-jules[bot] Sep 14, 2025
200c7b1
Merge pull request #5 from DealsBeam/bootstrap-template
DealsBeam Sep 14, 2025
8b2067a
Fix and improve Bootstrap-based Blogspot template
google-labs-jules[bot] Sep 14, 2025
75787ef
feat: Create Bootstrap 5 Blogger Template
google-labs-jules[bot] Sep 15, 2025
5469321
refactor: Add comments and improve maintainability
google-labs-jules[bot] Sep 15, 2025
652aaac
fix: Add z-index to header
google-labs-jules[bot] Sep 15, 2025
9c268b3
Redesign theme to match "Spotlight Dark"
google-labs-jules[bot] Sep 15, 2025
583a645
Merge pull request #6 from DealsBeam/bootstrap-template
DealsBeam Sep 15, 2025
3358e88
Implement advanced features based on Spotlight theme docs
google-labs-jules[bot] Sep 15, 2025
4474c2b
Merge pull request #7 from DealsBeam/bootstrap-template
DealsBeam Sep 15, 2025
986fc1f
feat: Add Spotlight-inspired featured posts section
google-labs-jules[bot] Sep 16, 2025
660be85
fix: Correct implementation of featured posts section
google-labs-jules[bot] Sep 16, 2025
8d5e0b6
fix: Correctly implement featured posts section
google-labs-jules[bot] Sep 16, 2025
a302e62
fix: Implement robust, JS-based featured posts section
google-labs-jules[bot] Sep 16, 2025
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
904 changes: 904 additions & 0 deletions bootstrap-template.xml

Large diffs are not rendered by default.

146 changes: 146 additions & 0 deletions dist/theme.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='UTF-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:if cond='true'>
<b:variable name="Primary Text Color" description="Primary Text Color" group="Colors" type="color" default="#111827" value="#111827"/>
<b:variable name="Secondary Text Color" description="Secondary Text Color" group="Colors" type="color" default="#6b7280" value="#6b7280"/>
<b:variable name="Background Color" description="Background Color" group="Colors" type="color" default="#f9fafb" value="#f9fafb"/>
<b:variable name="Accent Color" description="Accent Color" group="Colors" type="color" default="#3b82f6" value="#3b82f6"/>
<b:variable name="Body Font" description="Body Font" group="Fonts" type="font" default="sans-serif" value="sans-serif"/>
<b:variable name="Header Font" description="Header Font" group="Fonts" type="font" default="serif" value="serif"/>
</b:if>
<b:skin><![CDATA[
/*
Blogspot Theme Variables
These comments will be parsed by the build script to create <b:variable> tags.
*/
/* @variable name="Primary Text Color" group="Colors" type="color" default="#111827" */
/* @variable name="Secondary Text Color" group="Colors" type="color" default="#6b7280" */
/* @variable name="Background Color" group="Colors" type="color" default="#f9fafb" */
/* @variable name="Accent Color" group="Colors" type="color" default="#3b82f6" */

/* @variable name="Body Font" group="Fonts" type="font" default="sans-serif" */
/* @variable name="Header Font" group="Fonts" type="font" default="serif" */

:root {
--primary-color: #111827;
--secondary-color: #6b7280;
--background-color: #f9fafb;
--accent-color: #3b82f6;
--font-body: sans-serif;
--font-header: serif;
}

/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: var(--font-body);
color: var(--primary-color);
background-color: var(--background-color);
line-height: 1.6;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}

header {
text-align: center;
margin-bottom: 40px;
border-bottom: 1px solid #e5e7eb;
padding-bottom: 20px;
}

header h1 {
font-family: var(--font-header);
font-size: 2.5rem;
margin-bottom: 0.5rem;
}

article {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e7eb;
}

article h2 {
font-family: var(--font-header);
font-size: 1.8rem;
margin-bottom: 0.5rem;
}

article h2 a {
text-decoration: none;
color: var(--primary-color);
}

article h2 a:hover {
color: var(--accent-color);
}

.post-meta {
color: var(--secondary-color);
font-size: 0.9rem;
margin-bottom: 1rem;
}

.post-body {
font-size: 1.1rem;
}

footer {
text-align: center;
margin-top: 40px;
color: var(--secondary-color);
font-size: 0.9rem;
}

]]></b:skin>
</head>
<body>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title' type='Header' version='2'>
<b:includable id='main'>
<div class='header-inner'>
<h1><a expr:href='data:blog.homepageUrl'><data:title/></a></h1>
<p><data:description/></p>
</div>
</b:includable>
</b:widget>
</b:section>


<main>

<b:section class='main' id='main-content' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2'>
<b:includable id='main'>
<b:loop values='data:posts' var='post'>
<article>
<h2><a expr:href='data:post.url'><data:post.title/></a></h2>
<p class='post-meta'>Published on <data:post.timestamp/></p>
<div class='post-body'>
<data:post.body/>
</div>
</article>
</b:loop>
</b:includable>
</b:widget>
</b:section>

</main>

<footer>
<p>&#169; 2025 My Awesome Blog. Powered by Blogger.</p>
</footer>
</body>
</html>
Loading