{"id":13431478,"url":"https://github.com/sjaakvandenberg/flexy","last_synced_at":"2025-03-16T11:31:46.856Z","repository":{"id":93243639,"uuid":"48965327","full_name":"sjaakvandenberg/flexy","owner":"sjaakvandenberg","description":"A responsive theme for Hexo","archived":false,"fork":false,"pushed_at":"2016-06-21T16:30:07.000Z","size":2069,"stargazers_count":102,"open_issues_count":1,"forks_count":40,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-05-20T09:20:00.276Z","etag":null,"topics":["flexbox","hexo","stylus","theme"],"latest_commit_sha":null,"homepage":"https://svdb.co/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sjaakvandenberg.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-01-04T00:00:56.000Z","updated_at":"2024-01-26T11:56:03.000Z","dependencies_parsed_at":null,"dependency_job_id":"a274f881-d2d3-43a2-9616-b1f095905041","html_url":"https://github.com/sjaakvandenberg/flexy","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sjaakvandenberg%2Fflexy","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sjaakvandenberg%2Fflexy/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sjaakvandenberg%2Fflexy/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sjaakvandenberg%2Fflexy/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sjaakvandenberg","download_url":"https://codeload.github.com/sjaakvandenberg/flexy/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243863143,"owners_count":20360273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["flexbox","hexo","stylus","theme"],"created_at":"2024-07-31T02:01:03.400Z","updated_at":"2025-03-16T11:31:45.602Z","avatar_url":"https://github.com/sjaakvandenberg.png","language":"CSS","funding_links":[],"categories":["Content"],"sub_categories":[],"readme":"# Flexy\n\nFlexy is a modern theme for [Hexo](https://hexo.io/), written using [Flexbox](https://philipwalton.github.io/solved-by-flexbox/).\n\n![Flexy Screenshot](source/images/screenshot.png)\n\n![Flexy Mobile Screenshot](source/images/screenshot_mobile.png)\n\n## Demo\n\nYou can see the theme in action on my [website](https://svdb.co/).\n\n## Usage\n\n```\n$ git clone https://github.com/sjaakvandenberg/flexy themes/flexy\n$ npm un -S hexo-renderer-ejs\n$ npm i -S hexo-renderer-jade\n```\n\nChange your `theme` variable to `flexy` in your root's `_config.yml`.\n\n## Features\n\n- Written in Jade and Stylus\n- Uses Flexbox\n- Responsive\n- Mobile first\n- CSS3 animations in header\n- Uses Stylus Nib\n- normalize.css\n- Schema.org markup\n\nIn the header, the `transform3d()` function is used, which triggers GPUs to render the animation. This makes the page very quick to render, as the only background image is a 2.8K big SVG. It runs without using any JavaScript out of the box.\n\nIt's mobile first, so the media queries in the `source/styles/screen.styl` target the landscape screens.\n\n## Post Variables\n\nIn the homepage post listing, you can use the `post.intro` variable to define an introduction. To do this, add the `intro` variable to your YAML in your Markdown file. Comments can be toggled with the `post.comments` boolean variable.\n\n```md\ntitle: The Rise of the Autobots\nintro: A look at the upward march of automation into the vehicles around us.\ndate: 2015-05-28 13:45:00\ncomments: false\n---\n```\n\n## Articles Page\n\nIn your root's `_config.yml`, set `filename_case` to `1`. Create a new `Articles` page by giving the `hexo new page 'Articles'` command. `layout/_content.jade` will output a yearly summary of posts.\n\n## Fonts\n\nThis theme uses Open Sans for headings, Droid Serif for body text and Fira Mono for code. They're located in the `source/fonts` directory in `WOFF` and `WOFF2` formats.\n\n## Problems or Improvements\n\nIf you see room for improvements, submit a [PR](https://github.com/sjaakvandenberg/flexy/pull/new/master). If you run into a problem, open an [issue](https://github.com/sjaakvandenberg/flexy/issues/new).","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsjaakvandenberg%2Fflexy","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsjaakvandenberg%2Fflexy","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsjaakvandenberg%2Fflexy/lists"}