mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-11 03:12:56 +00:00
fix: avatar size overrided
Also, updated workspace config in hugo-blox-builder.code-workspace: Removed disused plugins Map all HTML/HTM under modules, templates, and test to the hugo language for proper templating support. Enable Tailwind IntelliSense within Hugo files and Alpine class bindings via tailwindCSS.includeLanguages and tailwindCSS.experimental.classRegex. Re-enable HTML formatting for non-Hugo files using Prettier while keeping Hugo formatting off. Recommend the Tailwind CSS VS Code extension alongside existing recommendations.
This commit is contained in:
George Cushen committed
1 parent
56748e571b
commit
e46bd3a37a
15 files changed
+45
-97
No files matched your search
@@ -36,7 +36,7 @@
|
||||
"npm.packageManager": "pnpm",
|
||||
"editor.detectIndentation": false,
|
||||
"editor.formatOnSave": true,
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.defaultFormatter": null,
|
||||
"editor.codeActionsOnSave": {
|
||||
"source.fixAll.biome": "explicit"
|
||||
},
|
||||
@@ -45,58 +45,66 @@
|
||||
"[typescript]": { "editor.defaultFormatter": "biomejs.biome" },
|
||||
"[json]": { "editor.defaultFormatter": "biomejs.biome" },
|
||||
"[css]": { "editor.defaultFormatter": "biomejs.biome" },
|
||||
"[html]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.formatOnSave": true
|
||||
},
|
||||
"[markdown]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode",
|
||||
"editor.defaultFormatter": "prettier.prettier-vscode",
|
||||
"files.trimTrailingWhitespace": false
|
||||
},
|
||||
"[python]": {
|
||||
"editor.tabSize": 4,
|
||||
"editor.insertSpaces": true
|
||||
"editor.insertSpaces": true,
|
||||
"editor.defaultFormatter": "charliermarsh.ruff"
|
||||
},
|
||||
"[yaml]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
"editor.defaultFormatter": "prettier.prettier-vscode"
|
||||
},
|
||||
"[toml]": {
|
||||
"editor.defaultFormatter": "esbenp.prettier-vscode"
|
||||
"editor.defaultFormatter": "prettier.prettier-vscode"
|
||||
},
|
||||
|
||||
"eslint.workingDirectories": [{ "mode": "auto" }],
|
||||
"eslint.validate": [
|
||||
"javascript",
|
||||
"javascriptreact",
|
||||
"typescript",
|
||||
"typescriptreact"
|
||||
"files.associations": {
|
||||
"**/layouts/**/*.html": "hugo",
|
||||
"**/layouts/**/*.htm": "hugo",
|
||||
"modules/**/*.html": "hugo",
|
||||
"modules/**/*.htm": "hugo",
|
||||
"templates/**/*.html": "hugo",
|
||||
"templates/**/*.htm": "hugo",
|
||||
"test/**/*.html": "hugo",
|
||||
"test/**/*.htm": "hugo"
|
||||
},
|
||||
"[hugo]": {
|
||||
"editor.formatOnSave": false,
|
||||
"editor.defaultFormatter": null
|
||||
},
|
||||
"emmet.excludeLanguages": [
|
||||
"hugo"
|
||||
],
|
||||
|
||||
"html.format.enable": true,
|
||||
"biome.formatter.enabled": false,
|
||||
|
||||
"tailwindCSS.emmetCompletions": true,
|
||||
|
||||
"tailwindCSS.includeLanguages": {
|
||||
"hugo": "html"
|
||||
},
|
||||
"tailwindCSS.experimental.classRegex": [
|
||||
":class\\s*=\\s*\"([^\"]*)\"",
|
||||
"x-bind:class\\s*=\\s*\"([^\"]*)\""
|
||||
],
|
||||
"yaml.validate": true,
|
||||
"prettier.useEditorConfig": true
|
||||
|
||||
"[html]": {
|
||||
"editor.defaultFormatter": "prettier.prettier-vscode",
|
||||
"editor.formatOnSave": true
|
||||
}
|
||||
},
|
||||
"extensions": {
|
||||
"recommendations": [
|
||||
"dbaeumer.vscode-eslint",
|
||||
"esbenp.prettier-vscode",
|
||||
"bradlc.vscode-tailwindcss",
|
||||
"redhat.vscode-yaml",
|
||||
"tamasfe.even-better-toml",
|
||||
"DavidAnson.vscode-markdownlint",
|
||||
"ms-python.python",
|
||||
"charliermarsh.ruff",
|
||||
"streetsidesoftware.code-spell-checker",
|
||||
"mikestead.dotenv",
|
||||
"eamodio.gitlens",
|
||||
"bierner.markdown-mermaid",
|
||||
"EditorConfig.EditorConfig",
|
||||
"biomejs.biome",
|
||||
"github.vscode-github-actions",
|
||||
"timonwong.shellcheck",
|
||||
"budparr.language-hugo-vscode"
|
||||
"prettier.prettier-vscode",
|
||||
"charliermarsh.ruff",
|
||||
"bradlc.vscode-tailwindcss"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -71,14 +71,14 @@
|
||||
|
||||
{{/* Avatar */}}
|
||||
{{ if $avatar }}
|
||||
<div class="avatar-wrapper {{ if $img }}-mt-24{{else}}mb-4{{end}}">
|
||||
<div class="avatar-wrapper {{ if $img }}-mt-24{{else}}mb-4{{end}}" style="width: {{$display_size}}px; height: {{$display_size}}px;">
|
||||
{{ $avatar_image := $avatar.Fill (printf "%sx%s Center" $generation_size $generation_size) }}
|
||||
<img class="avatar {{$shape_class}} border-4 border-white shadow-2xl"
|
||||
src="{{ $avatar_image.RelPermalink }}"
|
||||
alt="{{$profile.title}}"
|
||||
width="{{$display_size}}"
|
||||
height="{{$display_size}}"
|
||||
style="object-fit: cover;">
|
||||
style="width: {{$display_size}}px; height: {{$display_size}}px; object-fit: cover;">
|
||||
{{with $profile.status.icon}}<span class="avatar-emoji">{{.|emojify}}</span>{{end}}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@@ -58,7 +58,7 @@
|
||||
{{ with .icon }}
|
||||
{{ partial "functions/get_icon" (dict "name" . "attributes" "class='w-4 h-4'") }}
|
||||
{{ end }}
|
||||
{{ .text | default (i18n "learn_more" | default "Learn more") }}
|
||||
{{ .text | default "Learn more" }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
@@ -104,7 +104,7 @@
|
||||
{{ with .icon }}
|
||||
{{ partial "functions/get_icon" (dict "name" . "attributes" "class='w-4 h-4'") }}
|
||||
{{ end }}
|
||||
{{ .text | default (i18n "learn_more" | default "Learn more") }}
|
||||
{{ .text | default "Learn more" }}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
|
||||
@@ -30,7 +30,7 @@ sections:
|
||||
|
||||
# Name heading sizing to accommodate long or short names
|
||||
name:
|
||||
size: balanced # Options: compact (long names), balanced (default), display (short names)
|
||||
size: compact # Options: compact (long names), balanced (default), display (short names)
|
||||
|
||||
# Avatar customization
|
||||
avatar:
|
||||
|
||||
@@ -85,7 +85,7 @@ experience:
|
||||
skills:
|
||||
- name: Technical Skills
|
||||
items:
|
||||
- label: Pytho
|
||||
- label: Python
|
||||
level: 5
|
||||
- label: Machine Learning
|
||||
level: 5
|
||||
|
||||
@@ -1,7 +0,0 @@
|
||||
# Hugo Blox Builder: All Access
|
||||
|
||||
Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection!
|
||||
|
||||
Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox!
|
||||
|
||||
Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,5 +0,0 @@
|
||||
# Hugo Blox Builder: Community Blox
|
||||
|
||||
Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
|
||||
Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,7 +0,0 @@
|
||||
# Hugo Blox Builder: All Access
|
||||
|
||||
Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection!
|
||||
|
||||
Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox!
|
||||
|
||||
Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,5 +0,0 @@
|
||||
# Hugo Blox Builder: Community Blox
|
||||
|
||||
Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
|
||||
Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,7 +0,0 @@
|
||||
# Hugo Blox Builder: All Access
|
||||
|
||||
Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection!
|
||||
|
||||
Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox!
|
||||
|
||||
Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,5 +0,0 @@
|
||||
# Hugo Blox Builder: Community Blox
|
||||
|
||||
Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
|
||||
Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,7 +0,0 @@
|
||||
# Hugo Blox Builder: All Access
|
||||
|
||||
Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection!
|
||||
|
||||
Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox!
|
||||
|
||||
Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,5 +0,0 @@
|
||||
# Hugo Blox Builder: Community Blox
|
||||
|
||||
Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
|
||||
Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,7 +0,0 @@
|
||||
# Hugo Blox Builder: All Access
|
||||
|
||||
Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection!
|
||||
|
||||
Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox!
|
||||
|
||||
Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
@@ -1,5 +0,0 @@
|
||||
# Hugo Blox Builder: Community Blox
|
||||
|
||||
Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
|
||||
Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/).
|
||||
Reference in new issue
Block a user