Code-reviewed

Developer
Rob Levin
Size
3,695 Kb
Views
6,072
  1. Code-reviewed Previews
  2. Code-reviewed HTML Codes
  3. Code-reviewed CSS Codes
  4. Code-reviewed JS Codes

How do I make an code-reviewed?

What is a code-reviewed? How do you make a code-reviewed? This script and codes were developed by Rob Levin on 13 December 2022, Tuesday.

Code-reviewed Previews
IQ Test

Code-reviewed - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>code-reviewed</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 253 300"> <defs> </defs> <title>Code Reviewed</title> <rect class="document-rect" x="2" y="22.88" width="204.84" height="274.41" rx="1.8" ry="1.8"/> <g class="line-numbers"> <rect class="line-number" x="26.62" y="56.36" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="75.55" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="94.74" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="113.93" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="133.12" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="152.31" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="171.5" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="190.69" width="10.7" height="2.9"/> <rect class="line-number" x="26.62" y="209.88" width="10.7" height="2.9"/> </g> <g class="code"> <rect class="code-rect cls-7" x="51.99" y="56.36" width="79.43" height="2.9"/> <rect class="code-rect cls-8" x="77.22" y="67.95" width="54.21" height="2.9"/> <rect class="code-rect cls-9" x="77.22" y="79.54" width="19.87" height="2.9"/> <rect class="code-rect cls-10" x="77.22" y="91.13" width="54.21" height="2.9"/> <rect class="code-rect cls-11" x="101.23" y="79.64" width="30.33" height="2.9"/> <rect class="code-rect cls-7" x="51.99" y="153.55" width="79.43" height="2.9"/> <rect class="code-rect cls-8" x="77.22" y="176.73" width="54.21" height="2.9"/> <rect class="code-rect cls-9" x="77.22" y="165.14" width="19.87" height="2.9"/> <rect class="code-rect cls-11" x="101.23" y="165.23" width="30.33" height="2.9"/> <text class="code-bracket cls-12" transform="translate(50.31 121.2)">}</text> <text class="code-bracket cls-12" transform="translate(154.56 50.94) rotate(180)">}</text> <text class="code-bracket cls-12" transform="translate(154.56 147.39) rotate(180)">}</text> <text class="code-bracket cls-12" transform="translate(50.31 208.48)">}</text> </g> <rect class="textbox" x="25.48" y="226.17" width="156.74" height="53.83" rx="1.08" ry="1.08"/> <text class="lgtm cls-14" transform="translate(39.59 256.47)"> <tspan x=0 y=0>L</tspan> <tspan x="6">G</tspan> <tspan x="15">T</tspan> <tspan x="22">M</tspan> <tspan x="35">!</tspan> </text> </g> <g class="checked-circle"> <g class="cls-15"> <circle class="cls-16" cx="200.94" cy="51.88" r="51.88"/> </g> <polygon class="check cls-17" points="219.05 24.86 193.5 69.05 182.84 50.59 178.68 52.99 190.72 73.85 190.72 73.85 193.48 78.9 223.21 27.26 219.05 24.86"/> </g> </svg>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Code-reviewed - Script Codes CSS Codes

body { background-color: #f8f8f5; width: 100%; height: 100%;
}
.container { width: 100%; height: 100%;
}
.container svg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; width: 100%; height: 100%; max-width: 600px; max-height: 600px;
}
.document-rect { fill: #f2f2f2; stroke: #ededed; stroke-width: 4px; opacity: 0.7; mix-blend-mode: overlay;
}
.textbox, .document-rect { stroke-miterlimit: 10;
}
.cls-14, .cls-17, .line-numbers { opacity: 0.4;
}
.textbox, .cls-14, .cls-15, .cls-16, .cls-17, .line-numbers, .code { mix-blend-mode: multiply;
}
.line-number { fill: #ccc;
}
.code { opacity: 0.8;
}
.cls-7 { fill: #4a5c77;
}
.cls-8 { fill: #283960;
}
.cls-9 { fill: #9b2661;
}
.cls-10 { fill: #6c7ea8;
}
.cls-11, .cls-12, .textbox { fill: #35373d;
}
.cls-12 { font-size: 23.56px; font-family: Droid Sans Mono;
}
.textbox { stroke: #000; stroke-width: 10px; opacity: 0.02;
}
.cls-14 { font-size: 12.36px; font-family: Bernino Sans;
}
.cls-14, .cls-17 { fill: #006a39;
}
.cls-15 { opacity: 0.2;
}
.cls-16 { fill: #ababab;
}
.lgtm { position: relative;
}

Code-reviewed - Script Codes JS Codes

var docRect = $('.document-rect'), lineNumbers = $('.line-numbers'), lineNumber = $('.line-number'), code = $('.code'), codeRects = $('.code-rect'), codeBrackets = $('.code-bracket'), textbox = $('.textbox'), lgtm = $('.lgtm tspan'), checkedCircle = $('.checked-circle'), check = $('.check');
var init = (function() { TweenLite.defaultEase = Linear.easeNone; var mainTL = new TimelineMax(); mainTL.add(startCoding()); mainTL.timeScale(2);
})();
function startCoding() { var tl = new TimelineMax(); tl.addLabel('start-coding') .from(docRect, 1, {y:-500}) .from(textbox, 1, {y: 1000}) .staggerFrom(lineNumber, .6, {autoAlpha: 0, x:-200}, .1) .staggerFrom(codeRects, .6, {autoAlpha: 0, scale: 0}, .2, "-=1") .staggerFrom(codeBrackets, .3, {scale: 0, autoAlpha: 0}, .2, "-=2.5") .staggerFrom(lgtm, 3, {autoAlpha: 0, ease: Linear.easeNone}, .6, "+=1") .from(checkedCircle, 1, {transformOrigin: 'center center', autoAlpha: 0, scale: 0, yoyo: true, ease: Back.easeOut.config(4)}, "-=1") return tl;
}
Code-reviewed - Script Codes
Code-reviewed - Script Codes
Home Page Home
Developer Rob Levin
Username roblevin
Uploaded December 13, 2022
Rating 3
Size 3,695 Kb
Views 6,072
Do you need developer help for Code-reviewed?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rob Levin (roblevin) Script Codes
Name
Vertical Formatting
Centering
Linear Step Keyframe Animation
A Pen by Rob Levin
SVG Frontend Masters Study Notes
Starter SVG
Pricing Plan Experiment
Simple Snap.svg Drawing Example
Collapsing Margins
Simple Snap.svg Example
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!