Visnu First Commit

Njack_website/settings.py

@@ -31,6 +31,7 @@
 # Application definition
 
 INSTALLED_APPS = [
+    'homepage.apps.HomepageConfig',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',

Njack_website/urls.py

@@ -13,9 +13,10 @@
     1. Import the include() function: from django.conf.urls import url, include
     2. Add a URL to urlpatterns:  url(r'^blog/', include('blog.urls'))
 """
-from django.conf.urls import url
+from django.conf.urls import url,include
 from django.contrib import admin
 
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
+    url(r'^homepage/', include('homepage.urls'))
 ]

homepage/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

homepage/apps.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class HomepageConfig(AppConfig):
+    name = 'homepage'

homepage/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

homepage/static/homepage/css/homecss.css

@@ -0,0 +1,285 @@
+body
+{
+   height: 200px;
+   width: 100%;
+   margin: 0;
+   padding: 0;
+   font-size: 50px;
+  background-color: #000;
+}
+.background{
+  position:absolute;
+  bottom: 0;
+  height: 40%;
+  width: 100%;
+  -ms-transform: rotate(180deg); /* IE 9 */
+  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
+  transform: rotate(180deg);
+	 background-image: url("../images/5.gif");
+	 background-repeat: no-repeat;
+   background-attachment: fixed;
+	  background-position: center;
+}
+.Intro
+{
+	position: relative;
+	font-size: 50px;
+	text-align: center;
+  padding: 12%;
+}
+.Intro img{
+  vertical-align: middle;
+  width:80%;
+  height:200%;
+}
+#calmenu
+{
+  float: right;
+
+}
+{
+	display: inline-block;
+  float:left;
+}
+.Intro h1
+{
+  padding: 20%;
+	text-align: center;
+  vertical-align: middle;
+}
+.Recent
+{
+  width:45%;
+  margin-right: 2%;
+  margin: 3%;
+  background-color: blue;
+  display:inline-block;
+}
+@import url(https://fonts.googleapis.com/css?family=Averia+Sans+Libre:700|Merriweather);
+body {
+  font-family: 'Merriweather', serif;
+  font-size: 16px;
+  line-height: 1.8;
+  /*color: SlateGrey;*/
+}
+
+h1 {
+  font-size: 64px;
+}
+
+header {
+  position: relative;
+  background: CadetBlue;
+  color: Bisque;
+}
+
+article {
+  padding: 50px 0;
+}
+
+footer {
+  padding: 20px 0;
+  background: CadetBlue;
+  text-align: center;
+}
+footer a, footer a:hover, footer a:focus, footer a:active {
+  color: Wheat;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+footer a:hover, footer a:hover:hover, footer a:focus:hover, footer a:active:hover {
+  color: WhiteSmoke;
+  text-decoration: none;
+  letter-spacing: 2px;
+}
+
+.hamburger {
+  position: fixed;
+  top: 20px;
+  left: 0;
+  cursor: pointer;
+  z-index: 1000;
+  padding: 10px 15px 5px;
+}
+.hamburger span {
+  vertical-align: middle;
+}
+.hamburger .bars {
+  display: block;
+  position: relative;
+  width: 35px;
+  height: 5px;
+  background-color: rgba(255,255,255, 0.7);
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.hamburger .bars:before, .hamburger .bars:after {
+  position: absolute;
+  content: " ";
+  width: 100%;
+  height: 5px;
+  background-color: rgba(255,255,255, 0.7);
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.hamburger .bars:before {
+  top: 10px;
+}
+.hamburger .bars:after {
+  bottom: 10px;
+}
+
+.open .hamburger .bars {
+  background-color: transparent;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.open .hamburger .bars::before {
+  top: 0;
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.open .hamburger .bars::after {
+  bottom: 0;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+.menu {
+  width: 100%;
+  height: 30px;
+  padding: 1em;
+  background-color: rgba(0,100,0,1.0);
+  background-repeat: no-repeat;
+  background-size: cover;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
+  position: fixed;
+  left: -100%;
+  top: 0;
+  opacity: 0;
+  z-index: 999;
+  margin-top: 0;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.menu li{
+  display: inline;
+}
+.menu a {
+  color: WhiteSmoke;
+  display: inline-block;
+  font-family: 'Averia Sans Libre', cursive;
+}
+.menu a:hover {
+  color: white;
+}
+
+.open .menu {
+  left: 0;
+  opacity: 1;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+
+.menu:hover {
+  overflow-y: auto;
+}
+
+.about-div{
+  display: inline-block;
+  width: 30%;
+  padding-right: 2%;
+  height:100%;
+  border-style: solid;
+  border-radius: 5%;
+  border-width: 2px;
+  text-align: center;
+  margin-bottom: 5%;
+}
+.about-head{
+  text-align: center;
+}
+.about-head h3{
+  background-color: rgba(135,206,250,0.5);
+}
+.whole{
+  /*border-bottom: 10px;
+ /* padding-left: 3%;*/
+  margin-bottom: 30%;
+}
+.About{
+
+  background: red; /* For browsers that do not support gradients */
+  background: -webkit-linear-gradient(left top, red, yellow); /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(bottom right, red, yellow); /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(bottom right, red, yellow); /* For Firefox 3.6 to 15 */
+  background: linear-gradient(to bottom right, red, yellow); /* Standard syntax */
+}
+.container{
+
+  background: red; /* For browsers that do not support gradients */
+  background: -webkit-linear-gradient(left top, red, yellow); /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(bottom right, red, yellow); /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(bottom right, red, yellow); /* For Firefox 3.6 to 15 */
+  background: linear-gradient(to bottom right, red, yellow); /* Standard syntax */
+}
+.about-club{
+  font-family:Verdana;
+}
+li{
+  border-width: 10px;
+  border-color: white
+}
+p{
+  padding-left: 10%;
+  padding-right: 10%;
+}
+.container1{
+  font-size: 40px;
+  background: red; /* For browsers that do not support gradients */
+  background: -webkit-linear-gradient(left top, green, yellow); /* For Safari 5.1 to 6.0 */
+  background: -o-linear-gradient(bottom right, green, yellow); /* For Opera 11.1 to 12.0 */
+  background: -moz-linear-gradient(bottom right, green, yellow); /* For Firefox 3.6 to 15 */
+  background: linear-gradient(to bottom right, green, yellow); /* Standard syntax */
+
+
+}
+#follow{
+  padding-bottom: 0;
+}
+
+.fa{
+  color: #3B5998;
+  padding: 12.5%;
+  padding-top: 2%;
+}
+a img{
+  width: 35px;
+  height: 35px;
+}
+.menu a{
+  padding-left: 7%;
+  padding-right: 7%;
+  margin-left: 5%;
+  background-color: rgba(0,0,0,1.0);
+  text-decoration: none;
+}
+.header-main{
+  background-color: rgba(0,0,0,1.0);
+}