harunpehlivan

    <div id="wrapper">
        <header>
            <h2>Make your own scary monsters</h2>
            <p>Click and drag the different shapes to make Scary Monsters</p>
        </header>

        <div id="partsDiv">
            <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1622037597/oci1_cqfbme.png" id="oci1" alt="">
            <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1622037636/oci3_whfvnb.png" id="oci3" alt="">
            <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1622037677/oci4_ifotv4.png" id="oci4" alt="">

harunpehlivan

<div ontouchstart="" class="wrapper">

    <header>
        <p>“ HP IT GROUP (TEBIM TEBITAGEM) TTGRT FOUNDER CEO ”</p>
    </header>

    <main>
      
        <div id="overflow"></div>

harunpehlivan

<div id="canvas_container"></div>

<button id="fullscr">Go Fullscreen</button>

harunpehlivan

Dreaming of Jupiter - Three.js

According to Vanga’s dreambook, seeing Jupiter in the sky promises a future disaster, when a fiery rain spills on Earth, which will kill all life and bring terrible destruction.

A Pen by HARUN PEHLİVAN on CodePen.

License.

harunpehlivan

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 500" preserveAspectRatio="xMidYMax slice">
    <defs>
        <!-- Scene 1 Gradient -->
        <linearGradient id="grad1" x1="-154.32" y1="263.27" x2="-154.32" y2="374.3"
            gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -100.14)" gradientUnits="userSpaceOnUse">
            <stop offset="0.07" stop-color="#9c536b" />
            <stop offset="0.98" stop-color="#d98981" />
        </linearGradient>
        <radialGradient id="bg_grad" cx="375" cy="-35" r="318.69" gradientUnits="userSpaceOnUse">
            <stop offset="0.1" stop-color="#F5C54E" id="sun" />

harunpehlivan

.container
  .expression 
    span RGB 
    input(name="red" type="number" class="form-control" placeholder="red" value="255" max="255")
    span , 
    input(name="green" type="number" class="form-control" placeholder="green" value="255" max="255")
    span , 
    input(name="blue" type="number" class="form-control" placeholder="blue" value="255" max="255")
    span  
  #rgb

harunpehlivan

HSB Color Palette

HSB Color palette generating color variations as described by https://medium.com/@erikdkennedy/color-in-ui-design-a-practical-framework-e18cacd97f9e

A Pen by HARUN PEHLİVAN on CodePen.

License.

harunpehlivan

HSB Color Picker

Pick a color by setting Hue, Saturation and Brightness. Using SVG and React for display, Reactive JS for event handling and Redux for status changes.

HSL Color Picker: http://codepen.io/HunorMarton/pen/dvXVvQ

A Pen by HARUN PEHLİVAN on CodePen.

License.

harunpehlivan

#center
  - var max_n = 9;
  // Open bracket
  svg(
	    xmlns="http://www.w3.org/2000/svg" version="1.1"
	    width="30" height="180" viewBox="0 0 30 180")
    path(d="M 30 0 Q 0 90 30 180")
    
  // Generating boxes that represent the INPUT of the square function
  #from

harunpehlivan

<div id="app">Loading...</div>