Skip to content

Instantly share code, notes, and snippets.

View b0c0de's full-sized avatar
💻
Working from home

Bojan Cvjetković b0c0de

💻
Working from home
1 follower · 2 following
View GitHub Profile
@b0c0de
b0c0de / index.html
Created May 29, 2018 05:37
URL Shortener Microservice [freeCodeCamp [Back End Projects]] (Challenge)
<div class="container-wrapper" ng-app="srApp">
<div class="shortener-container">
<div class="shortener" ng-controller="srCtrl">
<div class="text-center logo-wrap">
<div ng-if="isLoading === false">
<img class="logo" src="https://rawgit.com/linuxenko/linuxenko.github.io/master/showcase/freecodecamp/spring.svg" /> URL Shortener
</div>
<div ng-if="isLoading === true">
<img class="logo animated infinite rubberBand" src="https://rawgit.com/linuxenko/linuxenko.github.io/master/showcase/freecodecamp/spring.svg" /> please wait ...
</div>
@b0c0de
b0c0de / index.html
Last active November 20, 2019 04:11
Show Local Weather by BoCode
<div class="container">
<div class="row">
<header class="col-xs-12 text-center">
<h1>Current local weather</h1>
</header>
<div class="col-xs-8 col-xs-offset-2">
<div class="text-center status">
<p><span id="city"></span> <span id="country"></span></p>
<p><span id="temp"></span><span class="temp" id="tempunit" ></span></p>
@b0c0de
b0c0de / index.html
Created November 20, 2019 03:24
Movie Review Slider & Popcorn Machine
<canvas id="canvas"></canvas>
<svg id="demo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1500 1200">
<title>Movie Review Slider and Popcorn Machine</title>
<defs>
<clipPath id="theClipPath">
<circle cx="750" cy="400" r="350" fill="#fff"/>
</clipPath>
</defs>
<circle cx="750" cy="400" r="350" fill="#fff"/>
@b0c0de
b0c0de / html5-drag-and-drop-solitaire.markdown
Last active November 20, 2019 03:32
HTML5 Drag and Drop Solitaire

HTML5 Drag and Drop Solitaire

Solitaire game using the HTML5 Drag and Drop API. IE11+

Fully featured game including hinting, auto-stacking, undoing, animation and even the beloved Windows Solitaire win animation.

Scoring system is unfinished.

A Pen by Bojan on CodePen.

@b0c0de
b0c0de / css-3d-disco-ball.markdown
Created November 20, 2019 03:36
CSS 3D Disco Ball
@b0c0de
b0c0de / animation-loading-page-loader.markdown
Created November 20, 2019 03:45
Animation Loading Page / Loader
@b0c0de
b0c0de / bauru-day-night-sun-rain-pure-css-illustrations-and-animations.markdown
Created November 20, 2019 03:53
Bauru - Day&Night Sun&Rain - Pure CSS Illustrations and Animations

Bauru - Day&Night Sun&Rain - Pure CSS Illustrations and Animations

A city (based on Bauru-SP Brasil) made with css only (js used to add some classes to make it night \o). You can use the slider to change day-night and sun-rain. have fun :D And don't forget to click on the clouds!

A Pen by Bojan on CodePen.

License.

@b0c0de
b0c0de / 3d-social-media-animated-links.markdown
Last active November 20, 2019 04:03
3D Social Media Animated Links
@b0c0de
b0c0de / index.html
Created November 20, 2019 04:07
Random Quote Machine by BoCode
<header>
<h3>Random Quote Machine</h3>
</header>
<body>
<center style="margin: 30px;">
<div id="intro"></div><br>
<div>
<img id="getQuote" src="https://preview.ibb.co/ia7Gqd/quote.jpg" width=10%/>
</div>
<div id="quote"></div>
@b0c0de
b0c0de / index.html
Created November 20, 2019 04:10
Javascript Calculator by BoCode
<div class='container'>
<div id='calculator'>
<!-- TITLE -->
<div id='title' class='text-center'>
<h5><b>BASIC CALCULATOR</b></h5>
</div>
<!-- ENTRY BOX -->