Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

ui updated #52

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

ui updated #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 11 additions & 2 deletions public/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@
body {
font-family: helvetica, arial, sans-serif;
margin: 25px;

}

/* Scrollbar hatane ki Ninja Technique Ding² */
Expand Down Expand Up @@ -53,7 +54,7 @@ input {
padding: 5px;
width: 100%;
border: 1px solid;
border-radius: 3px;
border-radius: 20px!important;
/* font-size: 12px; */
}

Expand Down Expand Up @@ -90,4 +91,12 @@ footer > a {
#errorMsg {
color: #f0506e;
font-size: 14px;
}
}

.new{
margin-top: 20px;
background: #f6f6f6;
}



17 changes: 11 additions & 6 deletions views/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,13 +19,15 @@
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.16/css/uikit.min.css" />
<link href="https://fonts.googleapis.com/css?family=Sunflower:300" rel="stylesheet">


<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.16/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-rc.16/js/uikit-icons.min.js"></script>
<link rel="stylesheet" href="/style.css">
</head>
<body class="uk-section uk-section-secondary uk-margin-remove">
<body>
<div class="new">
<header class="uk-text-center uk-align-center uk-width-1-1">
<img src="https://avatars3.githubusercontent.com/u/9347727?s=150&v=4">
<div class="fontwa uk-text-center uk-text-center uk-text-large uk-text-bold">
Expand All @@ -36,38 +38,41 @@
</header>

<main>
<div class="uk-container uk-align-center uk-text-center">
<div class="uk-container uk-center uk-text-center">
<form class="uk-card uk-inline uk-legend uk-width-auto">
<div class="uk-margin">
<span id="errorMsg"> </span><br>
<div class="uk-inline" id="username-cont">
<span class="uk-form-icon" uk-icon="icon: user"></span>
<input class="uk-input" type="text" id="username" maxlength="100" placeholder="GitHub username" required>
<input class="uk-input" type="text" id="username" maxlength="100" placeholder="GitHub username" required style="
border-radius: 20px!important;">
</div>
</div>
<div class="uk-margin">
<div class="uk-inline">
<span class="uk-form-icon" uk-icon="icon: mail"></span>
<input class="uk-input" type="email" id="email" maxlength="100" placeholder="Email" required>
<input class="uk-input" type="email" id="email" maxlength="100" placeholder="Email" required style="
border-radius: 20px!important;">
</div>
</div>
<span class="uk-text-meta uk-text-warning uk-align-left">Please use your Institute's email address.</span>
<br>
<button class="uk-button uk-align-center uk-text-center uk-button-default" type="submit" onclick="showToast()">Submit</button>
<button class="btn uk-button uk-align-center uk-text-center uk-button-default" type="submit" onclick="showToast()">Submit</button>
</form>
</div>
<div class="message uk-text-center uk-text-success">

</div>
</main>

<footer class="uk-align-center uk-text-center">
<footer class=" new uk-center uk-text-center">
<hr class="uk-divider-icon">
<a uk-tooltip="title: Github; pos: left" class="uk-icon-button uk-margin-small-right" href="https://github.com/iiitv" uk-icon="github"></a>
<a uk-tooltip="title: Like us on Facebook; pos: top" class="uk-icon-button uk-margin-small-right" href="https://fb.com/iiitvcc" uk-icon="facebook"></a>
<a uk-tooltip="title: Follow us on Twitter; pos: top" class="uk-icon-button uk-margin-small-right" href="https://twitter.com/iiitvcc" uk-icon="twitter"></a>
<a uk-tooltip="title: Drop an email; pos: right" class="uk-icon-button uk-margin-small-right" href="mailto:[email protected]" uk-icon="mail"></a>
</footer>
</div>

<!-- Your web-app is https, so your scripts need to be too -->
<script src="https://code.jquery.com/jquery-2.2.1.min.js"
Expand Down