volkancakil

Flexing pagination arrows

A Pen by Hakim El Hattab on CodePen.

License.

volkancakil

import { Component } from "React";

export var Enhance = ComposedComponent => class extends Component {
  constructor() {
    this.state = { data: null };
  }
  componentDidMount() {
    this.setState({ data: 'Hello' });
  }
  render() {

volkancakil

#Simple MongoDB Security Tutorial

###1 - Start mongod without any "security option"

$ mongod --port 27017

volkancakil

import React from "react";
import { Location } from "@reach/router";

let scrollPositions = {};

class ManageScrollImpl extends React.Component {
  componentDidMount() {
    let storage = sessionStorage.getItem("scrollPositions");
    if (storage) {
      scrollPositions = JSON.parse(storage);

volkancakil

#!/usr/bin/env bash

# A basic Self Signed SSL Certificate utility
# by Andrea Giammarchi @WebReflection

# https://www.webreflection.co.uk/blog/2015/08/08/bringing-ssl-to-your-private-network

# # to make it executable and use it
# $ chmod +x certificate
# $ ./certificate # to read the how-to

volkancakil

if [ -s "$HOME/.nvm/nvm.sh" ] && [ ! "$(type -f __init_nvm)" = function ]; then
	export NVM_DIR="$HOME/.nvm"
	[ -s "$NVM_DIR/bash_completion" ] && . "$NVM_DIR/bash_completion"
	declare -a __node_commands;__node_commands=(nvm `find -L $NVM_DIR/versions/*/*/bin -type f -exec basename {} \; | sort -u`)
	function __init_nvm() {
		for i in "${__node_commands[@]}"; do unalias $i; done
		. "$NVM_DIR"/nvm.sh
		unset __node_commands
		unset -f __init_nvm
	}

volkancakil

Keybase proof

I hereby claim:

• I am volkancakil on github.
• I am volkancakil (https://keybase.io/volkancakil) on keybase.
• I have a public key ASC8wBeKxqT4Ym_vgE2NWwIzijRwt9tWaf_znrA_0s55Dgo

To claim this, I am signing this object:

volkancakil

# Create 1920x1080 resolution mode
xrandr --newmode '1920x1080'  173.00  1920 2048 2248 2576  1080 1083 1088 1120 -hsync +vsync

# Add new resolution mode to the display
xrandr --addmode Virtual1 1920x1080

# Resize the display to use the new resolution mode
xrandr --output Virtual1 --mode '1920x1080' --rate 60

volkancakil

Dynamic SVG image placeholders

How it works

1. Loads the Potrace Lib (6KB min+gzip)
2. Starts loading the full res source image
3. Meanwhile...
4. Grabs a low res thumbnail from Cloudinary (~5KB)
5. Uses Potrace to generate an svg from the thumbnail
6. Colours and fades the SVG in as a crisp, full-size placeholder

volkancakil

# Orijinal https://github.com/shayne/wsl2-hacks 
wsl2-hacks
Useful snippets / tools for using WSL2 as a development environment

---

**Auto-start/services** (`systemd` support)

I've done a few methods that have had various levels of success. My goal was to make it feel seamless for my workflow and have commands work as expected. What's below is the current version of the setup I use. It allows me to use the MS Terminal as well as VSCode's Remote WSL plugin.