July 21, 2023
v 2.0
All new Qubitro
new version of qubitro is here.
Qubitro
Version history for Qubitro
July 10, 2022
v 1.04
4Widgets - Floating and overlay
Logspot provides a built in widget page, which is responsive, lightweight, minimal and easily customizable. Embed it in your website, blog, or any other website, using it as an iframe. Here is an example page which has both the floating and overlay widgets.
July 05, 2022
v 1.00
3Built in UI Components
This template also supports a few ui components that I have designed, which you can directly use within markdown.
The Icon component
Internally it uses the Iconify icons library. You can copy the icon key and just pass it as a prop like this :icon{name="ph:user-circle-duotone"}, which results in rendering the icon
Examples
- Fluent Icons
- Hero Icons Solid
- Google Material Icons
The Alert component
You can also an alert component, which accepts an icon, title and description.
The alert component accepts three props, the icon(optional, defaults to the exclaimation icon), title and description.
::alert---icon: fluent:error-circle-24-regulartitle: This is alert with default variant colors.description: This will pick up colors from your primary color set in the tailwind config file. You can use this to show some kind of message to your users.---::This is alert with default variant colors.
This will pick up colors from your primary color set in the tailwind config file. You can use this to show some kind of message to your users.
This is a simple alert with variant set as `success`.
A simple green colored alert, with a different icon.
This is an alert with variant set to `danger`.
Something aweful has happened
July 06, 2022
v 1.02
2Code Block Syntax highlighting
Logspot also supports code syntax highlighting as well
// Javascriptconst url = "https://jsonplaceholder.typicode.com/posts/";async function fetchPosts() { const response = await fetch(url); console.log(response);}Currently this is only supported for the following languages, to keep the bundle small for this demo.
- JavaScript
- CSS
- HTML
- Markdown
- TypeScript
- Vue
- Python
- Ruby
You can always add your own languages to the highlight array in the nuxt.config.js file.
Support for inline code blocks is also available example const name = "John Doe"
Shiki also supports different themes for codeblocks, you can learn mode about them here
July 07, 2022
v 1.03
1First post in the changelog
Thrilled to announce the launch of logspot!
Logspot is a lightweight, free and open source template for your changelog made with Vue, Nuxt and Tailwindcss. It leverages Nuxt Content for your feed which allows you to write markdown and use them as a CMS. It has a beautiful UI and is easy to use.