Skip to content

Commit

Permalink
v 1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
MichalZalecki committed Dec 7, 2013
0 parents commit 2817073
Show file tree
Hide file tree
Showing 5 changed files with 371 additions and 0 deletions.
22 changes: 22 additions & 0 deletions .gitattributes
@@ -0,0 +1,22 @@
# Auto detect text files and perform LF normalization
* text=auto

# Custom for Visual Studio
*.cs diff=csharp
*.sln merge=union
*.csproj merge=union
*.vbproj merge=union
*.fsproj merge=union
*.dbproj merge=union

# Standard to msysgit
*.doc diff=astextplain
*.DOC diff=astextplain
*.docx diff=astextplain
*.DOCX diff=astextplain
*.dot diff=astextplain
*.DOT diff=astextplain
*.pdf diff=astextplain
*.PDF diff=astextplain
*.rtf diff=astextplain
*.RTF diff=astextplain
215 changes: 215 additions & 0 deletions .gitignore
@@ -0,0 +1,215 @@
#################
## Eclipse
#################

*.pydevproject
.project
.metadata
bin/
tmp/
*.tmp
*.bak
*.swp
*~.nib
local.properties
.classpath
.settings/
.loadpath

# External tool builders
.externalToolBuilders/

# Locally stored "Eclipse launch configurations"
*.launch

# CDT-specific
.cproject

# PDT-specific
.buildpath


#################
## Visual Studio
#################

## Ignore Visual Studio temporary files, build results, and
## files generated by popular Visual Studio add-ons.

# User-specific files
*.suo
*.user
*.sln.docstates

# Build results

[Dd]ebug/
[Rr]elease/
x64/
build/
[Bb]in/
[Oo]bj/

# MSTest test Results
[Tt]est[Rr]esult*/
[Bb]uild[Ll]og.*

*_i.c
*_p.c
*.ilk
*.meta
*.obj
*.pch
*.pdb
*.pgc
*.pgd
*.rsp
*.sbr
*.tlb
*.tli
*.tlh
*.tmp
*.tmp_proj
*.log
*.vspscc
*.vssscc
.builds
*.pidb
*.log
*.scc

# Visual C++ cache files
ipch/
*.aps
*.ncb
*.opensdf
*.sdf
*.cachefile

# Visual Studio profiler
*.psess
*.vsp
*.vspx

# Guidance Automation Toolkit
*.gpState

# ReSharper is a .NET coding add-in
_ReSharper*/
*.[Rr]e[Ss]harper

# TeamCity is a build add-in
_TeamCity*

# DotCover is a Code Coverage Tool
*.dotCover

# NCrunch
*.ncrunch*
.*crunch*.local.xml

# Installshield output folder
[Ee]xpress/

# DocProject is a documentation generator add-in
DocProject/buildhelp/
DocProject/Help/*.HxT
DocProject/Help/*.HxC
DocProject/Help/*.hhc
DocProject/Help/*.hhk
DocProject/Help/*.hhp
DocProject/Help/Html2
DocProject/Help/html

# Click-Once directory
publish/

# Publish Web Output
*.Publish.xml
*.pubxml

# NuGet Packages Directory
## TODO: If you have NuGet Package Restore enabled, uncomment the next line
#packages/

# Windows Azure Build Output
csx
*.build.csdef

# Windows Store app package directory
AppPackages/

# Others
sql/
*.Cache
ClientBin/
[Ss]tyle[Cc]op.*
~$*
*~
*.dbmdl
*.[Pp]ublish.xml
*.pfx
*.publishsettings

# RIA/Silverlight projects
Generated_Code/

# Backup & report files from converting an old project file to a newer
# Visual Studio version. Backup files are not needed, because we have git ;-)
_UpgradeReport_Files/
Backup*/
UpgradeLog*.XML
UpgradeLog*.htm

# SQL Server files
App_Data/*.mdf
App_Data/*.ldf

#############
## Windows detritus
#############

# Windows image file caches
Thumbs.db
ehthumbs.db

# Folder config file
Desktop.ini

# Recycle Bin used on file shares
$RECYCLE.BIN/

# Mac crap
.DS_Store


#############
## Python
#############

*.py[co]

# Packages
*.egg
*.egg-info
dist/
build/
eggs/
parts/
var/
sdist/
develop-eggs/
.installed.cfg

# Installer logs
pip-log.txt

# Unit test / coverage reports
.coverage
.tox

#Translations
*.mo

#Mr Developer
.mr.developer.cfg
2 changes: 2 additions & 0 deletions README.md
@@ -0,0 +1,2 @@
Animated SVG Cogs
================
71 changes: 71 additions & 0 deletions cog.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
61 changes: 61 additions & 0 deletions index.html
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Animated SVG Cogs</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
body {
background: #0D6068;
}
#cogs {
position: absolute;
top: 30px;
left: 30px;
}
.cog{
width: 128px;
height: 128px;
fill: #55D0DB;
position: absolute;
}
#cog1 {
top: 0;
left: 0;
}
#cog2 {
top: 55px;
left: 95px;
}
</style>
</head>
<body>

<svg width="0" height="0" style="position:absolute;margin:-100%;">
<path id="cog-icon" d="M 31.84375 2 C 30.444245 2.028643 29.053781 2.0360801 28.125 3 C 26.717268 4.4609873 26.873078 8.4713374 27.0625 10.6875 C 25.273051 11.092878 23.500812 11.743426 21.84375 12.59375 C 20.577229 10.769876 18.124455 7.640283 16.125 7.4375 C 14.720156 7.2950221 13.587191 8.2606095 12.46875 9.25 C 11.414861 10.182286 10.349218 11.094945 10.25 12.4375 C 10.100081 14.466134 12.726485 17.421584 14.28125 19 C 13.129576 20.522353 12.213366 22.18139 11.5 23.875 C 9.3676995 23.301928 5.5311391 22.451487 3.875 23.59375 C 2.708326 24.398422 2.4470743 25.920814 2.21875 27.40625 C 2.0036034 28.805951 1.754477 30.188255 2.53125 31.28125 C 3.6923356 32.915007 7.5122442 33.483609 9.71875 33.6875 C 9.80532 35.567508 10.141644 37.442892 10.6875 39.25 C 8.6804174 40.208077 5.2872163 42.100172 4.75 44.03125 C 4.3673957 45.406557 5.1063713 46.68232 5.875 47.96875 C 6.5992652 49.180931 7.3044473 50.386739 8.59375 50.71875 C 10.516538 51.21389 13.802504 49.18597 15.625 47.90625 C 16.253211 48.591841 16.930076 49.289629 17.65625 49.90625 C 18.381663 50.522224 19.130827 51.055903 19.90625 51.5625 C 18.977176 53.605849 17.562605 57.208517 18.375 59.03125 C 18.955491 60.33367 20.375318 60.889511 21.78125 61.375 C 23.106034 61.832468 24.395196 62.303074 25.59375 61.71875 C 27.381878 60.846991 28.635779 57.134195 29.21875 54.96875 C 31.067048 55.19714 32.910561 55.208092 34.75 54.96875 C 35.332971 57.134195 36.586872 60.846991 38.375 61.71875 C 39.646966 62.338866 41.052115 61.823864 42.4375 61.28125 C 43.742923 60.76995 45.046762 60.258499 45.59375 59.03125 C 46.411167 57.197248 44.960032 53.567233 44.03125 51.53125 C 45.563772 50.523336 46.993643 49.293907 48.28125 47.875 C 50.091223 49.15151 53.432605 51.218938 55.375 50.71875 C 56.743275 50.366405 57.502149 49.066828 58.21875 47.75 C 58.893989 46.509176 59.579271 45.327179 59.21875 44.03125 C 58.670224 42.059517 55.143347 40.125714 53.15625 39.1875 C 53.696809 37.388727 54.040398 35.541105 54.125 33.6875 C 56.308275 33.494061 60.254745 32.945497 61.4375 31.28125 C 62.261853 30.121309 62.006238 28.63113 61.71875 27.15625 C 61.447853 25.766498 61.193085 24.351979 60.09375 23.59375 C 58.41517 22.436008 54.487667 23.30101 52.375 23.875 C 51.669132 22.189606 50.746518 20.557385 49.625 19.0625 C 51.170583 17.501563 53.870628 14.492652 53.71875 12.4375 C 53.613457 11.012709 52.46956 10.005318 51.3125 9.0625 C 50.222222 8.1740976 49.167511 7.3032447 47.84375 7.4375 C 45.824164 7.6423245 43.34856 10.84149 42.09375 12.65625 C 40.436746 11.793681 38.677421 11.129859 36.90625 10.71875 C 37.097122 8.5093377 37.257959 4.4677093 35.84375 3 C 34.858078 1.9770373 33.328979 1.9696017 31.84375 2 z M 32 22 C 37.522847 22 42 26.477153 42 32 C 42 37.522847 37.522847 42 32 42 C 26.477153 42 22 37.522847 22 32 C 22 26.477153 26.477153 22 32 22 z "/>
</svg>

<div id="cogs">
<svg id="cog1" class="cog" viewBox="0 0 64 64">
<use xlink:href="#cog-icon"></use>
</svg>
<svg id="cog2" class="cog" viewBox="0 0 64 64">
<use xlink:href="#cog-icon"></use>
</svg>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
var deg = 0;
setInterval(function(){
if(deg >= 360) deg = 0;
deg += 1;
$('#cog1 use').attr('transform', 'rotate('+deg+',32,32)');
$('#cog2 use').attr('transform', 'rotate('+-deg+',32,32)');
}, 10);
</script>
</body>
</html>

0 comments on commit 2817073

Please sign in to comment.