Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/shgysk8zer0/shgysk8zer0.github.io

A responsive, progressive about / portfolio page built using Jekyll
https://github.com/shgysk8zer0/shgysk8zer0.github.io

cc-by-sa css3 ecmascript html5 jekyll portfolio progressive-web-app pwa responsive webapp

Last synced: 21 days ago
JSON representation

A responsive, progressive about / portfolio page built using Jekyll

Host: GitHub
URL: https://github.com/shgysk8zer0/shgysk8zer0.github.io
Owner: shgysk8zer0
License: gpl-3.0
Created: 2017-07-21T02:22:51.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2024-06-29T23:08:09.000Z (4 months ago)
Last Synced: 2024-10-05T14:41:03.323Z (about 1 month ago)
Topics: cc-by-sa, css3, ecmascript, html5, jekyll, portfolio, progressive-web-app, pwa, responsive, webapp
Language: HTML
Homepage: https://shgysk8zer0.github.io
Size: 6.32 MB
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 7
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Security: security.html

Awesome Lists containing this project

README

        # [shgysk8zer0.github.io](https://shgysk8zer0.github.io)

A responsive, progressive about / portfolio & blog page built using Jekyll

- - -

[![Build Status](https://travis-ci.org/shgysk8zer0/shgysk8zer0.github.io.svg?branch=master)](https://travis-ci.org/shgysk8zer0/shgysk8zer0.github.io)

[![GitHub license](https://img.shields.io/badge/license-AGPL-blue.svg)](https://raw.githubusercontent.com/shgysk8zer0/shgysk8zer0.github.io/master/LICENSE)

[![GitHub release](https://img.shields.io/github/release/shgysk8zer0/shgysk8zer0.github.io.svg)](https://github.com/shgysk8zer0/shgysk8zer0.github.io/releases)

[![GitHub issues](https://img.shields.io/github/issues/shgysk8zer0/shgysk8zer0.github.io.svg)](https://github.com/shgysk8zer0/shgysk8zer0.github.io/issues)

[![GitHub forks](https://img.shields.io/github/forks/shgysk8zer0/shgysk8zer0.github.io.svg)](https://github.com/shgysk8zer0/shgysk8zer0.github.io/network)

[![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/shgysk8zer0.github.io.svg)](https://github.com/shgysk8zer0/shgysk8zer0.github.io/stargazers)

[![GitHub stars](https://img.shields.io/github/stars/shgysk8zer0/shgysk8zer0.github.io.svg?style=social&label=Star)](https://github.com/shgysk8zer0/shgysk8zer0.github.io#fork-destination-box)

[![GitHub followers](https://img.shields.io/github/followers/shgysk8zer0.svg?style=social&label=Follow)](https://github.com/shgysk8zer0)

[![Twitter Follow](https://img.shields.io/twitter/follow/shgysk8zer0.svg?style=social&label=Follow)](https://twitter.com/shgysk8zer0)

[![Tweet](https://img.shields.io/twitter/url/https/github.com/shgysk8zer0/shgysk8zer0.github.io.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fshgysk8zer0.github.io)

[![Screenshot](https://i.imgur.com/uRKaQQQl.png)](https://shgysk8zer0.github.io)

## Features

- [Progressive Web App](https://developer.mozilla.org/en-US/Apps/Progressive)

[`manifest.json`](https://github.com/shgysk8zer0/shgysk8zer0.github.io/manifest.json)  

[`service-worker.js`](https://github.com/shgysk8zer0/shgysk8zer0.github.io/service-worker.js)

- [Responsive Design](https://developer.mozilla.org/en-US/Apps/Progressive/Responsive) using `@media` queries, `rem` / `vw` units

- [Responsive Images](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images)

using `srcset` & `sizes`

- [CSS Grid](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout)

`display: grid`

- [SVG icons](https://css-tricks.com/svg-sprites-use-better-icon-fonts/) using

``s & ``

- [ECMAScript modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/)

```javascript

	// script.js

	import {myClass} from './myClass.js';

	export default class $ {

		constructor(query, base = document) {

			this.els = [...base.querySelectorAll(query)];

		}

		// ... Some more methods here

		animate(keyframes, opts = 600) {

			this.els.forEach(el => el.animate(keyframes, opts));

		}

	};

```

- CSS [custom properties](https://developer.mozilla.org/en-US/docs/Web/CSS/--*)

```css

	@import url("./vars.css");

	:root {--my-var: red;}

	.my-class {color: var(--my-var);}

```

- CSS [animations](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations)

& JavaScript [Animations API](https://developer.mozilla.org/en-US/docs/Web/API/Element/animate)

```javascript

	import {$} from './script.js';

	$('.fade-in').animate([

		{opacity: 0},

		{opacity: 1},

	], {

		duration: 600,

		easing: 'ease-in',

	});

```

- Content-Security-Policy ([*CSP*](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy))

- [SEO](https://search.google.com/structured-data/testing-tool#url=https%3A%2F%2Fshgysk8zer0.github.io)

via [structured data](https://schema.org/)

```html



	



```

- Built using Jekyll & GitHub Pages

## The links you're looking for

- [Issues](https://github.com/shgysk8zer0/shgysk8zer0.github.io/issues)

- [Pull Requests](https://github.com/shgysk8zer0/shgysk8zer0.github.io/pulls)

- [Code of Conduct](./docs/CODE_OF_CONDUCT.md)

- [Contributing Guidelines](./docs/CONTRIBUTING.md)

## Contact Info

- Email: [[email protected]](mailto:[email protected])

## Donations



  

  

  

  **https://www.paypal.me/shgysk8zer0**





  

  

  

  **bitcoin:1AdHne5JRY9GxVpYD13KithkNF2WEBbfKf**