DEV Community

Cover image for SHITT I Discovered This Week (T_T)
umg
umg

Posted on

SHITT I Discovered This Week (T_T)

Here's full res cover_image ! ๐Ÿ˜‰
or this a lower res version, if u prefer that

REACT-Landing-Pages

summary

GitHub logo issaafalkattan / React-Landing-Page-Template

A simple react one page landing page templates for startups/companies

React JS Landing Page Template

LIVE DEMO

Description

This is a ReactJS based landing page template, fit for a startup company/service with a one page view. The design is inspired by a template from Free-CSS.com All 'visual' data can be easily modified by changing the data.json file.

Make it Yours!

1. Preps

You will need to have Node JS installed on your pc.

2. Clone Files

After cloning the files, you will have to run yarn followed by yarn start in the CLI

3. Add your own data

Change the data in the data.json file as well as add any images to public/img/ You can also change styles by modifying the public/css files.

Credits

Free CSS

Free-CSS.com

Issaaf kattan




GitHub logo Adrinlol / landy-react-template

Landy is a free React landing page template designed for developers and startups, who want to create a quick and professional landing page for their business or project.

Free React landing page template

landy

Landy is a free React landing page template written in TypeScript, designed for developers and startups, who want to create a quick and professional landing page for their business or project.

This React template comes with multi-lingual support, smooth animations, set of ready to use sections and most importantly, all of the content is stored in the JSON files, so that you can manage the texts without having any prior knowledge in React.js.

Table of contents

Features

Your project will have everything you need to build a modern single-page React app:

  • ๐ŸŽ Modern โ€“ Template created using the latest features of React (State management using Hooks, Code-Splitting to reduce the bundle size)

  • ๐Ÿ’ป Responsive โ€“ Highly responsive and reusable UI components, that change depending on the provided props

  • ๐Ÿš€ Fast โ€“โ€ฆ





GitHub logo cruip / open-react-template

A free React landing page template designed to showcase open source projects, SaaS products, online services, and more. Made by

Free React landing page template

Open React template preview

Open is a free React landing page template designed for developers/makers who want to create a quick and professional landing page for their open source projects, SaaS products, online services, and more.

Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it.

Created and maintained with โค๏ธ by Cruip.com.

Live demo

Check the live demo here ๐Ÿ‘‰๏ธ https://open.cruip.com/

Open PRO

Looking for more pages and components? Have a look at the premium version here ๐Ÿ‘‰๏ธ https://cruip.com/demos/open-pro/

The premium template is built on-the-top of Tailwind CSS, and React components have been re-built from scratch.

Table of contents





GitHub logo nordicgiant2 / awesome-landing-page

A series of beautiful and practical landing page templates

Awesome Landing Page

Awesome

๐Ÿš€ A series of beautiful and practical landing page templates

There are a lot of beautiful landing page templates. They are built using various front-end technologies. I hope you like them.

If you want to submit your page, please fork this project and submit a PR.

Open source project

-https://github.com/caarlosdamian/react-website-portafolio/

Landing page collection

Landing page tutorial





i dont even remember

GitHub logo lnishan / awesome-competitive-programming

๐Ÿ’Ž A curated list of awesome Competitive Programming, Algorithm and Data Structure resources

Awesome Competitive Programming Awesome

A curated list of awesome Competitive Programming, Algorithm and Data Structure resources.

Created with a view to connecting people to information, this list below contains a complete collection of all the fantastic resources I've collected over the course of my 11-year competitive programming career. I hope you'll find it useful :)

What is competitive programming? - Quora

Contributing

Please kindly follow CONTRIBUTING.md to get started.

You can also contribute by sharing!
Share the list with your classmates, your friends and everyone :)

By connecting more people to information,
You, are doing not me, but everyone a HUGE favor!

I really hope that more people can benefit from this list :)

Table of Contents


GitHub logo cyrus-and / gdb-dashboard

Modular visual interface for GDB in Python

GDB dashboard

GDB dashboard is a standalone .gdbinit file written using the Python API that enables a modular interface showing relevant information about the program being debugged. Its main goal is to reduce the number of GDB commands needed to inspect the status of current program thus allowing the developer to primarily focus on the control flow.

Screenshot

Quickstart

Just place .gdbinit in your home directory, for example with:

wget -P ~ https://git.io/.gdbinit

Optionally install Pygments to enable syntax highlighting:

pip install pygments

Then debug as usual, the dashboard will appear automatically every time the inferior program stops.

Keep in mind that no GDB command has been redefined, instead all the features are available via the main dashboard command (see help dashboard).

Head to the wiki to learn how to perform the most important tasks.





GitHub logo athityakumar / colorls

A Ruby gem that beautifies the terminal's ls command, with color and font-awesome icons. ๐ŸŽ‰

Color LS

forthebadge forthebadge

Gem Version CI PRs Welcome

A Ruby script that colorizes the ls output with color and icons. Here are the screenshots of working example on an iTerm2 terminal (Mac OS), oh-my-zsh with powerlevel9k theme and powerline nerd-font + awesome-config font with the Solarized Dark color theme.

image

If you're interested in knowing the powerlevel9k configuration to get this prompt, have a look at this gist.

Table of contents

Usage

(Back to top)

Man pages have been added. Checkout man colorls.

Flags

  • With -1 : Lists one entry per line

    image

  • With -a (or) --all : Does not ignore entries starting with '.'

    โ€ฆ

GitHub logo addyosmani / es6-tools

An aggregation of tooling for using ES6 today

ECMAScript 6 Tools Awesome

Transpilers

  • Babel - Turn ES6+ code into vanilla ES5 with no runtime
  • Traceur compiler - ES6 features > ES5. Includes classes, generators, promises, destructuring patterns, default parameters & more.
  • es6ify - Traceur compiler wrapped as a Browserify v2 transform
  • babelify - Babel transpiler wrapped as a Browserify transform
  • es6-transpiler - ES6 > ES5. Includes classes, destructuring, default parameters, spread
  • Square's es6-module-transpiler - ES6 modules to AMD or CJS
  • Facebook's regenerator - transform ES6 yield/generator functions to ES5
  • Facebook's jstransform - A simple utility for pluggable JS syntax transforms. Comes with a small set of ES6 -> ES5 transforms
  • defs - ES6 block-scoped const and let variables to ES3 vars
  • es6_module_transpiler-rails - ES6 Modules in the Rails Asset Pipeline
  • Some Sweet.js macros that compile from ES6 to ES5
  • Bitovi's transpile - Converts ES6 to AMD, CJS, and StealJS.
  • regexpu โ€” Transform Unicode-aware ES6 regular expressions to ES5
  • Lebabโ€ฆ

GitHub logo jbyuki / venn.nvim

Draw ASCII diagrams in Neovim

venn.nvim

Draw ASCII diagrams in Neovim.

Installation

Install using your prefered method:

Plug 'jbyuki/venn.nvim'
Enter fullscreen mode Exit fullscreen mode
use "jbyuki/venn.nvim"
Enter fullscreen mode Exit fullscreen mode

Usage

  • set virtualedit=all or set ve=all. This will allow you to freely move the cursor in the buffer. (see help virtualedit).

  • Enter in Visual Block mode using <C-v>. Select the region where the box should be.

  • Invoke :VBox. This will draw a rectangle. In case, it has a width or a height of 1, it will draw a line.

GitHub logo TheRealKizu / levamentum.vim

A comfy colorscheme for Vim and other deriatives.

โ”โ”โ”โ”โ”โ” โ– โ”โ”โ”โ”โ”โ”

levamentum.vim ~ A comfy colorscheme for Vim and other deriatives.

img

โ”โ”โ”โ”โ”โ” โ– โ”โ”โ”โ”โ”โ”

โ– Development

โ– Terminals

โ– Other

โ– Special Thanks







GitHub logo gpakosz / .tmux

๐Ÿ‡ซ๐Ÿ‡ท Oh my tmux! My self-contained, pretty & versatile tmux configuration made with โค๏ธ

.tmux

Self-contained, pretty and versatile .tmux.conf configuration file.

Screenshot

Installation

Requirements:

  • tmux >= 2.3 (soon >= 2.4) running inside Linux, Mac, OpenBSD, Cygwin or WSL
  • awk, perl and sed
  • outside of tmux, $TERM must be set to xterm-256color

To install, run the following from your terminal: (you may want to backup your existing ~/.tmux.conf first)

$ cd
$ git clone https://github.com/gpakosz/.tmux.git
$ ln -s -f .tmux/.tmux.conf
$ cp .tmux/.tmux.conf.local

๐Ÿ’ก You can clone the repository anywhere you want, provided you create the proper ~/.tmux.conf symlink and you copy the .tmux.conf.local sample file in your home directory:

$ git clone https://github.com/gpakosz/.tmux.git /path/to/oh-my-tmux
$ ln -s -f /path/to/oh-my-tmux/.tmux.conf ~/.tmux.conf
$ cp /path/to/oh-my-tmux/.tmux.conf.local ~/.tmux.conf.local

Then proceed to customize your ~/.tmux.conf.local copy.

If you're a Vim user, setting the $EDITOR environment variable to vim will enable and further customize the vi-style key bindings (see tmux manual).

If you're new to tmux, I recommendโ€ฆ

GitHub logo rothgar / awesome-tmux

A list of awesome resources for tmux

Awesome Tmux

Awesome

List of helpful tmux links for various tutorials, plugins, and configuration settings.

Table of Contents

Tutorials

Cheat Sheets

Configuration

Tools and session management

  • dmux Configurable tmux workspace manager written in Rust
  • libtmux Python API for tmux
  • powerline Statusline pluginโ€ฆ

GitHub logo gohugoio / hugo

The worldโ€™s fastest framework for building websites.

Hugo

A Fast and Flexible Static Site Generator built with love by bep, spf13 and friends in Go.

Website | Forum | Documentation | Installation Guide | Contribution Guide | Twitter

GoDoc Tests on Linux, MacOS and Windows Go Report Card

Overview

Hugo is a static HTML and CSS website generator written in Go It is optimized for speed, ease of use, and configurability Hugo takes a directory with content and templates and renders them into a full HTML website.

Hugo relies on Markdown files with front matter for metadata, and you can run Hugo from any directory This works well for shared hosts and other systems where you donโ€™t have a privileged account.

Hugo renders a typical website of moderate size in a fraction of a second. A good rule of thumb is that each piece of content renders in around 1 millisecond.

Hugo is designed to work well for any kind of website including blogs, tumblesโ€ฆ

GitHub logo tholman / github-corners

A fresher "Fork me on GitHub" callout.

GitHub Corners

Phew, GitHub is over ten years old now... and is unquestionably synonymous with open source. After 10 years, those GitHub ribbons are more than overdue for a cleaner, more modern alternative. This is my take.

By using SVG, these corners can be clean and sharp. Any color, and size. As well as have a little character and interactivity!

You can build your own with the SVGs, copy some of the pre-defined code, or just change the fill and color values on the main <svg> element.

Screenshot

You can see the page here... but I really recommend visiting the page to see the small animations that really make them come to life.

Here's the page

License/Acknowledgements

Naturally, these aren't built by GitHub, or endorsed by them.

Copyright (c) 2016 Tim Holman - http://tholman.com

The MIT License

GitHub logo Track3 / hermit

A minimal & fast Hugo theme for bloggers

Hugo theme Hermit

Netlify Status

Hermit is a minimal and fast theme for Hugo. It's built for bloggers who want a simple and focused website.

Features

  • A single-column layout and carefully crafted typography offers a great reading experience.
  • Navigations and functions are placed in the bottom bar which will hide when you scroll down.
  • Featured image is supported. It will be displayed as a dimmed background of the page.
  • Displays all of your posts on a single page, with one section per year, simple and compact.
  • Extremely lightweight and load fast. No third party framework, no unnecessary code.
  • All code fields feature syntax highlighting and a code-copy function
  • Responsive & Retina Ready. Scales gracefully from a big screen all the way down to the smallest mobile phone. Assets in vector format ensures that it looks sharp on high-resolution screens.

Theme Demo (uses contents and config from the exampleSite folder)

Getting started

Installation

โ€ฆ

GitHub logo nanotee / nvim-lua-guide

A guide to using Lua in Neovim

โ†–๏ธ (Feeling lost? Use the GitHub TOC!)

Getting started using Lua in Neovim

Translations

Introduction

The integration of Lua as a first-class language inside Neovim is shaping up to be one of its killer features However, the amount of teaching material for learning how to write plugins in Lua is not as large as what you would find for writing them in Vimscript. This is an attempt at providing some basic information to get people started.

This guide assumes you are using at least version 0.5 of Neovim.

Learning Lua

If you are not already familiar with the language, there are plenty of resources to get started:

GitHub logo wesbos / es6.io

๐Ÿ”ฅ Starter Files to Learn with ES6 for Everyone

ES6 for Everyone

ES6 for Everyone Starter Files

Everything you need to Learn ES6 over at ES6.io

GitHub logo maximbaz / dotfiles

Configuration for Arch Linux, sway, kitty, kakoune, zsh and more + scripted installation guide

~/.dotfiles

Explore the repo and incorporate what you like into your own setup. If you have any questions, comments or suggestions, feel free to open an issue or PR!

When you fork, remember to grep for maximbaz and replace with your username.

Installation script is deploying an opinionated Arch Linux setup, but in general can be used by anyone. If you want to learn more, I highly recommend to at least read the installation script first, and maybe modify to your own needs.

If you want to try my entire setup in a VM, make sure to use maximbaz as the username - it will install additional things and my dotfiles.

For daily usage, I recommend forking my repo instead of using it directly, as I am changing things on daily basis ๐Ÿ™‚

Enjoy! ๐Ÿš€

screenshot

Some of the worthy tools that I use, develop or help maintain:

  • sway (window manager)โ€ฆ

GitHub logo sainnhe / gruvbox-material

Gruvbox with Material Palette

Introduction

Gruvbox Material is a modified version of Gruvbox, the contrast is adjusted to be softer in order to protect developers' eyes.

There are 3 palettes available in this color scheme:

๐Ÿ‘ ๐‘ต๐’๐’•๐’†: ๐’„๐’๐’Š๐’„๐’Œ ๐’๐’ ๐’•๐’‰๐’† ๐’‡๐’๐’๐’๐’๐’˜๐’Š๐’๐’ˆ ๐’๐’Š๐’๐’†๐’” ๐’•๐’ ๐’‘๐’“๐’†๐’—๐’Š๐’†๐’˜

material: Carefully designed to have a soft contrast
๐ƒ๐š๐ซ๐ค ๐‹๐ข๐ ๐ก๐ญ
๐‡๐š๐ซ๐ material-hard-dark material-hard-light
๐Œ๐ž๐๐ข๐ฎ๐ฆ material-medium-dark material-medium-light
๐’๐จ๐Ÿ๐ญ material-soft-dark material-soft-light
mix: Color palette obtained by calculating the mean of the other two
๐ƒ๐š๐ซ๐ค ๐‹๐ข๐ ๐ก๐ญ
๐‡๐š๐ซ๐ mix-hard-dark mix-hard-light
๐Œ๐ž๐๐ข๐ฎ๐ฆ mix-medium-dark mix-medium-light
๐’๐จ๐Ÿ๐ญ mix-soft-dark mix-soft-light
original: The color palette used in the original gruvbox
๐ƒ๐š๐ซ๐ค ๐‹๐ข๐ ๐ก๐ญ
๐‡๐š๐ซ๐ original-hard-dark original-hard-light
๐Œ๐ž๐๐ข๐ฎ๐ฆ original-medium-dark original-medium-light
๐’๐จ๐Ÿ๐ญ original-soft-dark original-soft-light

This color scheme uses the material palette by default, you can use a global variable to switch to another palette.

Features

  • Carefully designed color palette for eye protection.
  • Switch back to the original color palette whenever you like.
  • Highly customizable.
  • Rich support for common file types and plugins.
  • Semantic highlighting support.
  • Tree-sitter support.
  • Italic support ๐ŸŽ‰

Documentation

See :help gruvbox-material.txt

Related Projects

โ€ฆ

GitHub logo luong-komorebi / Awesome-Linux-Software

A list of awesome applications, software, tools and other materials for Linux distros.

Awesome Linux Software

Tux

๐Ÿง This repo is a collection of AWESOME Linux applications and tools for any users/developers
๐Ÿง Feel free to contribute / star / fork / pull request . Any recommendations and suggestions are welcome.

Acknowledgement: Everything written below is from my own experience in college and after reading various materials. I am neither a professional nor an expert, but a passionate student. Anyone can open a discussion in the issue section, or a pull request if something should be modified or added.

  • Brazilian Portuguese version : here.
  • Chinese version : here or here.
  • Spanish version : here or here
  • Thai version : here.

Table of Contents

GitHub logo mourarthur / awesome-credit-modeling

A collection of awesome papers, articles and various resources on credit and credit risk modeling

Awesome Credit Modeling Awesome

PRs Welcome

A growing collection of awesome papers, articles and various resources on credit scoring and credit risk modeling.

Credit scoring is the term used to describe formal statistical methods used for classifying applicants for credit into risk classes. Lenders use such classifications to assess an applicant's creditworthiness and probability of default.

Contents

Introduction

GitHub logo siduck76 / NvChad

An attempt to make neovim cli as functional as an IDE while being very beautiful , blazing fast and less bloated.

NvChad

Home โ€ข Install โ€ข Contribute โ€ข Support โ€ข Extras

Lua






Very Very Useful lua plugins used in my config

Lspkind-nvim

This tiny plugin adds vscode-like pictograms to neovim built-in lsp completion items :


Nvim-tree.lua

fast file tree :


Telescope-nvim

A fuzzy file finder, picker, sorter, previewer and much more:


Indent-blankline.nvim

adds indentline :

Galaxyline

fastest statusline plugin I've used so far:


Nvim-bufferline.lua

As a top tabline like thing which lets me handle tabs and buffers like switching , sorting and closing them etc.

Nvim-web-devicons

Lua fork of vim devicons which lets me change icons of filetypes

Nvim-treesitter

Better syntax highlighting for programming languages ( my config just has html,css,js support for now ).

without / with Treesitter :

Credits

Elianiva helped me with neovim lua related issues many times, NvChad wouldnt exist without his help at all!

Features

  • File navigation with Nvimtree
  • Using plugins that are mouse friendly
  • Beautiful inbuiltโ€ฆ

Discussion (0)