add editor files and main style (3600d54d) · Commits · blackheaven / tinygraphs

app/assets/css/editor.css

0 → 100644

+47 −0

Original line number	Diff line number	Diff line
		.editor--backgroundGreen{
		background: #43BF86;
		}

		.editor--backgroundGrey{
		background: #F4F4F4;
		}

		.editor--backgroundWhite{
		background: #FFF;
		}

		.editor--square{
		padding-bottom: 50px;
		padding-top: 50px;
		height: 580px;
		}

		.editor--square2{
		padding-bottom: 50px;
		padding-top: 50px;
		height: 290px;
		}

		.editor-content--position{
		position: relative;
		top: 0%;
		text-align:center;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		}

		.editor-content--positionTop{
		position: relative;
		top: 10%;
		text-align:center;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		}

		.editor-content--positionCenter{
		position: relative;
		top: 50%;
		text-align:center;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		}
		No newline at end of file

app/index.html

+5 −10

Original line number	Diff line number	Diff line
		@@ -18,11 +18,12 @@
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<!-- Custom styles for this template -->
		<link href="assets/css/carousel.css" rel="stylesheet">
		<link href="assets/css/banner.css" rel="stylesheet">
		<link href="assets/css/whatis.css" rel="stylesheet">
		<link href="assets/css/features.css" rel="stylesheet">
		<link href="assets/css/examples.css" rel="stylesheet">
		<link href="assets/css/carousel.css" rel="stylesheet">
		<link href="assets/css/editor.css" rel="stylesheet">
		</head>
		<body>
		<div class="tinygraphs-browsehappy" ng-include="'partials/browsehappy.html'"></div>
		@@ -39,13 +40,12 @@
		================================================== -->
		<div class="tinygraphs-banner" ng-include="'partials/banner.html'"></div>

		<!-- Marketing messaging and featurettes
		================================================== -->
		<!-- Wrap the rest of the page in another container to center all the content. -->
		<div class="container marketing">
		<div class="tinygraphs-marketing-whatisit" ng-include="'partials/marketing/whatisit.html'"></div>
		<div class="tinygraphs-marketing-features" ng-include="'partials/marketing/features.html'"></div>
		<div class="tinygraphs-examples" ng-include="'partials/marketing/examples.html'"></div>
		<div class="tinygraphs-editor" ng-include="'partials/marketing/editor.html'"></div>

		<div class="tinygraphs-marketing-specs" ng-include="'partials/marketing/specs.html'"></div>
		<hr class="tinygraphs-divider">
		<div class="tinygraphs-get-started" ng-include="'partials/marketing/get-started.html'"></div>
		@@ -56,11 +56,6 @@
		<div class="tinygraphs-about" ng-include="'partials/about.html'"></div>
		<div class="push"></div>

		<!-- Start the featurettes
		================================================== -->

		<!-- <div class="tinygraphs-featurettes" ng-include="'partials/marketing/featurettes.html'"></div> -->
		<!-- /END THE FEATURETTES -->
		</div> <!-- end of container marketing -->
		<div class="tinygraphs-footer" ng-include="'partials/footer.html'"></div>
		<!-- analytics

app/partials/marketing/editor.html

0 → 100644

+36 −0

Original line number	Diff line number	Diff line
		<div class="row features--background">
		<div class="col-md-3 editor--square editor--backgroundGreen">
		<div class="editor-content--positionTop">
		<h1>TRY IN OUT</h1>
		</div>
		</div>
		<div class="col-md-3 editor--square">
		<div class="editor--square2">
		<div class="editor-content--position">
		<h4>TYPE YOUR NAME</h4>
		</div>
		</div>
		<div class="editor--square2">
		<div class="editor-content--position">
		<h4>COLOR kTHEME</h4>
		</div>
		</div>
		</div>
		<div class="col-md-3 editor--square">
		<div class="editor--square2">
		<div class="editor-content--position">
		<h4>SELECT THE SHAPE</h4>
		</div>
		</div>
		<div class="editor--square2">
		<div class="editor-content--position">
		<h4>NUMBER OF COLORS</h4>
		</div>
		</div>
		</div>
		<div class="col-md-3 editor--square editor--backgroundWhite">
		<div class="editor-content--positionCenter">
		<h4>IMAGE HERE</h4>
		</div>
		</div>
		</div>