diff --git a/assets/css/main.css b/assets/css/main.css index 1ec9b72..1e50151 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,61 +1,83 @@ -/* @file main.scss +/* ============================================================================= + HTML5 CSS Reset Minified - Eric Meyer + ========================================================================== */ + +html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} +body{line-height:1} +article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} +nav ul{list-style:none} +blockquote,q{quotes:none} +blockquote:before,blockquote:after,q:before,q:after{content:none} +a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none} +mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold} +del{text-decoration:line-through} +abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help} +table{border-collapse:collapse;border-spacing:0} +hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} +input,select{vertical-align:middle} +li{list-style:none} + +/* @file main.css * @brief Main styles for the TartanHacks 2014 website. * @author Oscar Bezi, oscar@bezi.io * @since 23 November 2014 */ -body { - margin: 0 10%; - padding: 0; - font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif; - text-align: center; } - -@media (min-width: 720px) { - body { - margin: 0 20%; } } +html,body { + font-family: Montserrat, Arial, sans-serif; + text-align: center; + background: #bd2c39; + width: 100%; + height: 100%; + color: white; +} h1 { - text-transform: uppercase; } + text-transform: uppercase; + font-family: Roboto Slab, serif; + font-size: 3em; +} hr { - margin: 3em auto; - width: 50%; } + margin: 3em auto; + width: 50%; +} -#splash { - width: 100%; - height: 100%; } - #splash h1 { - font-family: Roboto Slab, serif; - font-size: 3em; } - #splash #navbar { - /* override semantic-ui's padding */ - margin: 0; - padding: 1rem 0; } - -#faq ul { - padding: 0; - margin: 0; - width: 100%; } -#faq li { - list-style: none; } - -#schedule .grid { - /* override semantic-ui */ - margin: 0; } -#schedule ul { - padding: 0; - margin: 0; - width: 100%; } -#schedule .schedule-item { - list-style: none; } -#schedule .time { - color: green; - padding: 0 1em 0 0; } - -.scottylabs-logo span { - font-size: 3em; } - -footer { - width: 100%; - text-align: right; } - footer span { - padding: 0 1em; } +/* splash page */ +#splash, #splash-bg { + width: 100%; + height: 100%; +} + +#splash-info { + position: absolute; + top: 0; + left: 0; + right: 0; + margin: auto 0; +} + +#splash-info > * { + background: #bd2c39; +} + +#splash-bg { + width: 100%; + height: 100%; +} + +/* remove canvas default margin */ +canvas{ + display:block; + vertical-align:bottom; +} + +.logo { + padding: 2em 0; + width: 100%; +} + +@media (min-width: 500px) { + .logo { + width: 500px; + } +} diff --git a/assets/imgs/logo.png b/assets/imgs/logo.png new file mode 100644 index 0000000..c7dda3a Binary files /dev/null and b/assets/imgs/logo.png differ diff --git a/assets/js/app.js b/assets/js/app.js new file mode 100644 index 0000000..b69c097 --- /dev/null +++ b/assets/js/app.js @@ -0,0 +1,31 @@ +particlesJS('splash-bg', { + particles: { + color: '#fff', + shape: 'triangle', // "circle", "edge" or "triangle" + opacity: 1, + size: 2, + size_random: false, + nb: 350, + line_linked: { + enable_auto: true, + distance: 100, + color: '#fff', + opacity: 0.9, + width: 1, + condensed_mode: { + enable: false, + rotateX: 600, + rotateY: 600 + } + }, + anim: { + enable: true, + speed: 1 + } + }, + interactivity: { + enable: false + }, + /* Retina Display Support */ + retina_detect: true +}); diff --git a/assets/js/index.js b/assets/js/index.js deleted file mode 100644 index 234b5ed..0000000 --- a/assets/js/index.js +++ /dev/null @@ -1,4 +0,0 @@ -(function() { - console.log("App initialised."); - -}).call(this); diff --git a/assets/js/particles.min.js b/assets/js/particles.min.js new file mode 100644 index 0000000..b6b256d --- /dev/null +++ b/assets/js/particles.min.js @@ -0,0 +1,8 @@ +/* ----------------------------------------------- +/* Author : Vincent Garreau - vincentgarreau.com +/* MIT license: http://opensource.org/licenses/MIT +/* GitHub : https://github.com/VincentGarreau/particles.js +/* How to use? : Check the GitHub README +/* v1.0.3 +/* ----------------------------------------------- */ +function launchParticlesJS(a,e){var i=document.querySelector("#"+a+" > canvas");pJS={canvas:{el:i,w:i.offsetWidth,h:i.offsetHeight},particles:{color:"#fff",shape:"circle",opacity:1,size:2.5,size_random:true,nb:200,line_linked:{enable_auto:true,distance:100,color:"#fff",opacity:1,width:1,condensed_mode:{enable:true,rotateX:65000,rotateY:65000}},anim:{enable:true,speed:1},array:[]},interactivity:{enable:true,mouse:{distance:100},detect_on:"canvas",mode:"grab",line_linked:{opacity:1},events:{onclick:{enable:true,mode:"push",nb:4}}},retina_detect:false,fn:{vendors:{interactivity:{}}}};if(e){if(e.particles){var b=e.particles;if(b.color){pJS.particles.color=b.color}if(b.shape){pJS.particles.shape=b.shape}if(b.opacity){pJS.particles.opacity=b.opacity}if(b.size){pJS.particles.size=b.size}if(b.size_random==false){pJS.particles.size_random=b.size_random}if(b.nb){pJS.particles.nb=b.nb}if(b.line_linked){var j=b.line_linked;if(j.enable_auto==false){pJS.particles.line_linked.enable_auto=j.enable_auto}if(j.distance){pJS.particles.line_linked.distance=j.distance}if(j.color){pJS.particles.line_linked.color=j.color}if(j.opacity){pJS.particles.line_linked.opacity=j.opacity}if(j.width){pJS.particles.line_linked.width=j.width}if(j.condensed_mode){var g=j.condensed_mode;if(g.enable==false){pJS.particles.line_linked.condensed_mode.enable=g.enable}if(g.rotateX){pJS.particles.line_linked.condensed_mode.rotateX=g.rotateX}if(g.rotateY){pJS.particles.line_linked.condensed_mode.rotateY=g.rotateY}}}if(b.anim){var k=b.anim;if(k.enable==false){pJS.particles.anim.enable=k.enable}if(k.speed){pJS.particles.anim.speed=k.speed}}}if(e.interactivity){var c=e.interactivity;if(c.enable==false){pJS.interactivity.enable=c.enable}if(c.mouse){if(c.mouse.distance){pJS.interactivity.mouse.distance=c.mouse.distance}}if(c.detect_on){pJS.interactivity.detect_on=c.detect_on}if(c.mode){pJS.interactivity.mode=c.mode}if(c.line_linked){if(c.line_linked.opacity){pJS.interactivity.line_linked.opacity=c.line_linked.opacity}}if(c.events){var d=c.events;if(d.onclick){var h=d.onclick;if(h.enable==false){pJS.interactivity.events.onclick.enable=false}if(h.mode!="push"){pJS.interactivity.events.onclick.mode=h.mode}if(h.nb){pJS.interactivity.events.onclick.nb=h.nb}}}}pJS.retina_detect=e.retina_detect}pJS.particles.color_rgb=hexToRgb(pJS.particles.color);pJS.particles.line_linked.color_rgb_line=hexToRgb(pJS.particles.line_linked.color);if(pJS.retina_detect&&window.devicePixelRatio>1){pJS.retina=true;pJS.canvas.pxratio=window.devicePixelRatio;pJS.canvas.w=pJS.canvas.el.offsetWidth*pJS.canvas.pxratio;pJS.canvas.h=pJS.canvas.el.offsetHeight*pJS.canvas.pxratio;pJS.particles.anim.speed=pJS.particles.anim.speed*pJS.canvas.pxratio;pJS.particles.line_linked.distance=pJS.particles.line_linked.distance*pJS.canvas.pxratio;pJS.particles.line_linked.width=pJS.particles.line_linked.width*pJS.canvas.pxratio;pJS.interactivity.mouse.distance=pJS.interactivity.mouse.distance*pJS.canvas.pxratio}pJS.fn.canvasInit=function(){pJS.canvas.ctx=pJS.canvas.el.getContext("2d")};pJS.fn.canvasSize=function(){pJS.canvas.el.width=pJS.canvas.w;pJS.canvas.el.height=pJS.canvas.h;window.onresize=function(){if(pJS){pJS.canvas.w=pJS.canvas.el.offsetWidth;pJS.canvas.h=pJS.canvas.el.offsetHeight;if(pJS.retina){pJS.canvas.w*=pJS.canvas.pxratio;pJS.canvas.h*=pJS.canvas.pxratio}pJS.canvas.el.width=pJS.canvas.w;pJS.canvas.el.height=pJS.canvas.h;pJS.fn.canvasPaint();if(!pJS.particles.anim.enable){pJS.fn.particlesRemove();pJS.fn.canvasRemove();f()}}}};pJS.fn.canvasPaint=function(){pJS.canvas.ctx.fillRect(0,0,pJS.canvas.w,pJS.canvas.h)};pJS.fn.canvasRemove=function(){pJS.canvas.ctx.clearRect(0,0,pJS.canvas.w,pJS.canvas.h)};pJS.fn.particle=function(n,o,m){this.x=m?m.x:Math.random()*pJS.canvas.w;this.y=m?m.y:Math.random()*pJS.canvas.h;this.radius=(pJS.particles.size_random?Math.random():1)*pJS.particles.size;if(pJS.retina){this.radius*=pJS.canvas.pxratio}this.color=n;this.opacity=o;this.vx=-0.5+Math.random();this.vy=-0.5+Math.random();this.draw=function(){pJS.canvas.ctx.fillStyle="rgba("+this.color.r+","+this.color.g+","+this.color.b+","+this.opacity+")";pJS.canvas.ctx.beginPath();switch(pJS.particles.shape){case"circle":pJS.canvas.ctx.arc(this.x,this.y,this.radius,0,Math.PI*2,false);break;case"edge":pJS.canvas.ctx.rect(this.x,this.y,this.radius*2,this.radius*2);break;case"triangle":pJS.canvas.ctx.moveTo(this.x,this.y-this.radius);pJS.canvas.ctx.lineTo(this.x+this.radius,this.y+this.radius);pJS.canvas.ctx.lineTo(this.x-this.radius,this.y+this.radius);pJS.canvas.ctx.closePath();break}pJS.canvas.ctx.fill()}};pJS.fn.particlesCreate=function(){for(var m=0;mpJS.canvas.w){q.x=q.radius}else{if(q.x+q.radius<0){q.x=pJS.canvas.w+q.radius}}if(q.y-q.radius>pJS.canvas.h){q.y=q.radius}else{if(q.y+q.radius<0){q.y=pJS.canvas.h+q.radius}}for(var m=n+1;m - - - - - - - - - - - - - -
-
AboutFAQScheduleSponsorsRegistration
TartanHacks logo -

TartanHacks

-
-

January 2014

-

One sentence blurb.

-

Brought to you by ScottyLabs.

- -
-
-
-
-

What is TartanHacks?

-

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean iaculis varius mollis. Duis eget velit faucibus, vehicula lorem sed, molestie dolor. Duis dapibus ex lorem, et interdum felis fringilla consequat. Pellentesque nec dui mauris. Maecenas quis pretius odio. Aliquam ac nisi vitae orci iaculis malesuada vitae sit amet risus.

-
-
-
-

FAQ

-
    -
  • -

    Question

    -

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean iaculis varius mollis.

    -
    • -
  • -

    Question

    -

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean iaculis varius mollis.

    -
    • -
  • -

    Question

    -

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean iaculis varius mollis.

    -
    • -
  • -

    Question

    -

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean iaculis varius mollis.

    -
    • -
-
-
-
-

Schedule

-
-
-

Friday

-
    -
  • 8amFood
    • -
  • 9amHacking
    • -
  • 8amFood
    • -
  • 9amHacking
    • -
  • 8amFood
    • -
  • 9amHacking
    • -
  • 8amFood
    • -
  • 9amHacking
    • -
+ + + + + + + TartanHacks 2014 + + + + + + +
+
+
+ +
+

TartanHacks

+
+ TartanHacks is an annual, student-run hackathon run by Scottylabs. +
+ February 6-7, 2015 +
+ Registration opens in January. +
-
-

Saturday

-
    -
  • 8amFood
    • -
  • 9amHacking
    • -
  • 8amFood
    • -
  • 9amHacking
    • -
  • 8amFood
    • -
  • 9amHacking
    • -
-
-
-
-
-
-

Sponsors

- - -
-
-
-

Registration

-

Woah there, buddy.

-

We're not opening registration yet, but if you give us your email we'll tell you when this is opening up.

- - -
-
ScottyLabs
- - \ No newline at end of file + + + +