final styles applied

parent 0b6422b3
......@@ -36,7 +36,6 @@ gem 'jbuilder', '~> 2.5'
gem 'simple_form'
gem 'devise'
gem "animate-rails"
group :production do
gem 'pg'
......
......@@ -38,8 +38,6 @@ GEM
i18n (~> 0.7)
minitest (~> 5.1)
tzinfo (~> 1.1)
animate-rails (1.0.10)
rails
arel (7.0.0)
bcrypt (3.1.11)
builder (3.2.2)
......@@ -173,7 +171,6 @@ PLATFORMS
ruby
DEPENDENCIES
animate-rails
byebug
coffee-rails (~> 4.2)
devise
......
<!DOCTYPE html>
<!-- saved from url=(0039)http://localhost:3000/admin/positions/1 -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Babe, Candi Date Tayo</title>
<link rel="stylesheet" media="all" href="./Babe, Candi Date Tayo_files/skeleton.self-6f2f862c45e88cfa0c07e1c9427d15e2ba5361e8da9f25f31b46194ad99985c6.css" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="./Babe, Candi Date Tayo_files/style.self-58bd077db469333e8c488809c01c80c096f85f9f53e26ac681cfba312c942268.css" data-turbolinks-track="true">
<link rel="stylesheet" media="all" href="./Babe, Candi Date Tayo_files/application.self-c4cb65b4e9109cadb0c6bd6784c4effb6811028f73b89946b56d01dfe71a6c11.css" data-turbolinks-track="true">
<script src="./Babe, Candi Date Tayo_files/jquery.self-660adc51e0224b731d29f575a6f1ec167ba08ad06ed5deca4f1e8654c135bf4c.js" data-turbolinks-track="true"></script>
<script src="./Babe, Candi Date Tayo_files/jquery_ujs.self-e87806d0cf4489aeb1bb7288016024e8de67fd18db693fe026fe3907581e53cd.js" data-turbolinks-track="true"></script>
<script src="./Babe, Candi Date Tayo_files/turbolinks.self-c5acd7a204f5f25ce7a1d8a0e4d92e28d34c9e2df2c7371cd7af88e147e4ad82.js" data-turbolinks-track="true"></script>
<script src="./Babe, Candi Date Tayo_files/action_cable.self-1641ec3e8ea24ed63601e86efcca7f9266e09f390e82199d56aa7e4bd50e1aa9.js" data-turbolinks-track="true"></script>
<script src="./Babe, Candi Date Tayo_files/cable.self-6e0514260c1aa76eaf252412ce74e63f68819fd19bf740595f592c5ba4c36537.js" data-turbolinks-track="true"></script>
<script src="./Babe, Candi Date Tayo_files/application.self-b89234cf2659d7fedea75bca0b8d231ad7dfc2f3f57fcbaf5f44ed9dc384137b.js" data-turbolinks-track="true"></script>
<meta name="csrf-param" content="authenticity_token">
<meta name="csrf-token" content="1B9a/dcWKruYaiwrDy/DdonQpCIFZ7hkNiRJSKRNOFxZfeHSH3r0+WbkSrZxaibv4Fn2ajr4iyDb4RDOoKVLEw==">
<link rel="stylesheet" href="https://s.mlcdn.co/animate.css">
<link href="./Babe, Candi Date Tayo_files/css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./Babe, Candi Date Tayo_files/ionicons.min.css">
</head>
<body class="bounceIn animated infinite">
<nav class="nav">
<div class="logo-container">
<svg width="99px" height="47px" viewBox="229 160 99 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Group" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(229.000000, 160.000000)" font-size="30.9446928" font-family="Roboto-Bold, Roboto" letter-spacing="0.8" font-weight="bold">
<text id="xVotes">
<tspan x="0" y="32" fill="#72DBBA">x</tspan>
<tspan x="16.6047601" y="32" font-family="Chalkduster" font-weight="normal" letter-spacing="-0.400000006" fill="#262626">V</tspan>
<tspan x="39.1824768" y="32" font-family="Roboto-Medium, Roboto" font-weight="400" letter-spacing="-0.400000006" fill="#262626">otes</tspan>
</text>
</g>
</svg>
</div>
<div class="navigation-buttons">
<a href="http://localhost:3000/"><span class="ion-home">&nbsp;&nbsp;</span>Home</a>
<a class="" href="http://localhost:3000/admin/candidates">Candidates</a>
<a class="" href="http://localhost:3000/admin/positions">Positions</a>
<a href="http://localhost:3000/about">Our Team</a>
</div>
<div class="actions">
<a class="button-primary" href="http://localhost:3000/voting/votes">Vote Now <span class="ion-ios-arrow-thin-right"></span></a>
<a class="" rel="nofollow" data-method="delete" href="http://localhost:3000/users/sign_out">Logout</a>
<a href="http://localhost:3000/profile" class="nav-item right"><span class="ion-person">&nbsp;&nbsp;</span>Alexis</a>
</div>
</nav>
<div class="container" style="margin-top:40px;">
<h1 style="margin-bottom:3px;">asfafa
<a style="font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)" class="edit-delete" href="http://localhost:3000/admin/positions/1/edit">Edit</a>
<a style="font-size:18px; text-decoration:none; color:rgba(200,0,0,0.5)" class="edit-delete" rel="nofollow" data-method="delete" href="http://localhost:3000/admin/positions/1">Delete Position</a></h1>
<br>
<h5 style="margin-bottom:0px;">Candidates for asfafa</h5>
<ul style="list-style:none;">
<li style="margin:2px;"><a href="http://localhost:3000/admin/candidates/1">Alexis Collado</a></li>
</ul>
<a style="color:#004e7e" href="http://localhost:3000/admin/positions">&lt;Back to Positions</a>
</div>
</body></html>
\ No newline at end of file
// This is a manifest file that'll be compiled into application.js, which will include all the files
// listed below.
//
// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
// or any plugin's vendor/assets/javascripts directory can be referenced here using a relative path.
//
// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
// compiled file. JavaScript code in this file should be added after the last require_* statement.
//
// Read Sprockets README (https://github.com/rails/sprockets#sprockets-directives) for details
// about supported directives.
//
/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*/
// Action Cable provides the framework to deal with WebSockets in Rails.
// You can generate new channels where WebSocket features live using the rails generate channel command.
//
(function() {
this.App || (this.App = {});
App.cable = ActionCable.createConsumer();
}).call(this);
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBkAz4rYn47Zy2rvigWQf6w.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxHYhjbSpvc47ee6xR_80Hnw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTOYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFIX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfZBw1xU1rKptJj_0jans920.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/sTdaA6j0Psb920Vjv-mrzH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/uYECMKoHcO9x1wdmbyHIm3-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/tnj4SB6DNbdaQnsM8CFqBX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/_VYFx-s824kXq_Ul2BHqYH-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NJ4vxlgWwWbEsv18dAhqnn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Ks_cVxiCiwUWVsFWFA3Bjn-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/oMMgfZMQthOryQo9n22dcuvvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
This diff is collapsed.
/* CSS Reset */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
color: #5E6B7F;
font-family: 'Roboto' !important;
font-weight: 300;
}
a {
color: #0070d2;
font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
color: #16325c !important;
font-weight: 100;
}
/* User defined styles */
.logo-container {
display: flex;
align-items: center;
margin-left: 10px;
}
.main-heading {
text-align: center;
font-weight: 100;
}
.logo {
padding: 20px;
}
.no-margin {
margin-bottom: 0px;
margin-right: 9px;
color: #847a9b;
}
hr {
padding: 0px;
margin: 0px;
height: 0.5px;
background-color: rgb(250, 159, 187);
background-image: linear-gradient(to right, rgba(250, 159, 187, 0), rgb(191, 76, 118));
}
.nav {
position:relative;
display: flex;
align-items: center;
width: 100%;
list-style-type: none;
margin: 0px;
padding:1em;
overflow: hidden;
border: 1px solid #e7e7e7;
box-sizing: border-box;
}
.nav a {
position: relative;
margin-right: 1em;
color: #5E6B7F;
transition: 0.1s ease-in-out;
}
.nav a:hover {
color: #0070d2;
}
.navigation-buttons {
margin-left: 20px;
}
.button-primary {
background: #32B68D;
padding: 10px 40px;
border-radius: 3px;
color: white !important;
transition: 0.1s ease-in-out;
font-weight: 300;
}
.button-primary:hover {
background: #37D0A0;
color: white;
}
.actions {
margin-left: auto;
}
thead {
font-weight: bold;
}
.pink
{
background-color: #E5365F;
}
.candidate-image {
border-radius: 50%;
border: 1px #e7e7e7 solid;
}
.pink:hover {
background-color: #DC1A47;
}
.row-image {
width: 100vw;
position: relative;
margin-left: -50vw;
/* margin-top: 100px; */
left: 50%;
margin-top: -40px;
margin-bottom: 40px;
/* top: -100px; */
background-size: cover !important;
}
.team-member {
display: flex;
justify-content: space-between;
align-items: center;
background: #f6f9fb;
box-sizing: border-box;
padding: 1em 3em;
}
.badge {
font-size: 10px;
text-transform: uppercase;
background: #fdfdfd;
display: inline;
color: #ee5c82 !important;
padding: 5px 25px;
border-radius: 25px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
.team-member h5 {
font-size: 28px;
}
.overlay {
background: linear-gradient(
rgba(20,20,20, .5),
rgba(20,20,20, .5));
}
.candidate-container {
display: flex;
align-items: stretch;
flex-wrap: wrap;
padding-top: 20px;
padding-bottom: 40px;
}
.candidate-item {
background: #f6f9fb; padding:30px; bottom:0; width:140px; margin:20px;
min-width: 200px;
margin: 20px 20px 0px 0px;
}
.team-description {
padding: 10px;
}
.candidate-name {
font-size: 32px;
}
.position-container {
display: block;
margin-top: 40px;
margin-bottom: 40px;
}
.vote-container {
display: flex;
flex-direction: column;
box-sizing: border-box;
padding-bottom: 40px;
}
.vote-item {
display: flex;
justify-content: space-between;
background: #f2f2f2;
min-width: 350px;
margin-top: 10px;
padding: 3em 2em;
border-right: 1px solid white;
}
.vote-item a {
text-decoration: underline;
}
.position-container a {
text-decoration: underline;
}
.edit-delete {
letter-spacing: 0px;
font-weight: 300;
}
......@@ -224,3 +224,8 @@ thead {
.position-container a {
text-decoration: underline;
}
.edit-delete {
letter-spacing: 0px;
font-weight: 300;
}
\ No newline at end of file
......@@ -5,9 +5,9 @@
<h1 style="margin-bottom:3px;"><%= @candidate.full_name%>
<%=link_to "Edit", edit_admin_candidate_path(@candidate.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)"}%>
<%=link_to "Edit", edit_admin_candidate_path(@candidate.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)", :class=>"edit-delete"}%>
<%=link_to "OBOSEN", admin_candidate_path(@candidate.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(200,0,0,0.5)", method: :delete}%></h1>
<%=link_to "Delete Candidate", admin_candidate_path(@candidate.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(200,0,0,0.5)", method: :delete , :class=>"edit-delete"}%></h1>
<%=link_to @candidate.position.name, admin_position_path(@candidate.position.id), {:style=> "font-size:35px;margin-top:3px; color:#004e7e; margin: 0"} %>
</div>
</div>
......@@ -62,7 +62,7 @@ o=0
</table>
</div>
<hr>
<hr style="margin-bottom: 40px;">
<%= link_to "Back to Candidates", admin_candidates_path %>
......
<h1 style="margin-bottom:3px;"><%= @position.name%>
<%=link_to "Edit", edit_admin_position_path(@position.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)"}%>
<%=link_to "Edit", edit_admin_position_path(@position.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)", :class=>"edit-delete"}%>
<%=link_to "OBOSEN", admin_position_path(@position.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(200,0,0,0.5)", method: :delete}%></h1>
<%=link_to "Delete Position", admin_position_path(@position.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(200,0,0,0.5)", method: :delete, :class=>"edit-delete"}%></h1>
<br>
<h5 style="margin-bottom:0px;">Candidates for <%=@position.name%></h5>
<ul style="list-style:none;">
......
<h4>User <%=current_user.first_name%> <%=current_user.last_name%></h4>
<h4 style="margin: 0px;">User <%=current_user.first_name%> <%=current_user.last_name%></h4>
<%=link_to "Edit", edit_user_registration_path(current_user.id), {:style=>"font-size:18px; text-decoration:none; color:rgba(0,0,0,0.5)"}%>
<table>
<%=link_to "Edit", edit_user_registration_path(current_user.id), {:style=>"font-size:18px; text-decoration:none; color:#E5365F; "}%>
<table style="margin-top: 30px;">
<tr><td>Email:</td><td><%=current_user.email%></td></tr>
<tr><td>Gender:</td><td><%=current_user.gender%></td></tr>
<tr><td>Birthday:</td><td><%=current_user.birthday%></td></tr>
......
......@@ -2,4 +2,4 @@
<%= render partial: "form" %>
<%= link_to "Back to Botes", voting_votes_path %>
<%= link_to "Back to Votes", voting_votes_path %>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment