sliding banner
THE FOUR ELEMENTS: EARTH, AIR, FIRE, WATER
In western astrology, it is believed that the universe is formed by the four elements: Earth, Air, Fire, Water. These are the outward manifestations of the true Elements. Each of the four elements contains its own unique properties, which work simultaneously to create one united universe. None of the elements are inherently good or bad, however, each has both positive and negative qualities.Whether you're loud or quiet, timid or outgoing, impetuous or logical - your personality is filled with both pros and cons. Nobody is perfect and it is difficult to self-evaluate in order to understand our base emotions and desires. That's why finding your element is so important. As you read over the qualities associated with each of the four elements, you might have your "A-ha!" moment, or you might feel as though you don't relate to certain aspects. This is because every person is at a different point in his or her path to developing the human spirit. By finding your element, you'll be able to better appreciate your own strengths and be more self aware of your weaknesses. This understanding will help you to build better, stronger relationships with those around you. Let your element be a guide to a more intuitive self.
air
Air is also what gives humans the ability for speech. Because of this you are witty and entertaining and are a welcomed guest at any party. Be aware that while you have charm, you sometimes lack social graces. Your focus is placed so often on logic, that you often overlook feelings. Commitment doesn't come naturally to you. Couple this with your sometimes insensitive nature and it makes relationships very difficult. You are not rooted in tradition. You go with what makes sense and don't believe in doing something because "it's how it has always been done." This propensity for what others see as "radical thinking" and your quick mind makes you a natural born puppet master. While Fire may be the face of the uprising, you are the brains behind it.
Strengths:
ThoughtfulWitty
Charming
Care free
Independent
Flexible
Weaknesses:
InconsistentInsensitive
Selfish
Flaky
Dishonest
earth
You are an artist and love to create. Your home is welcoming and warm and always open to friends and family, which is fitting considering you're a bit of a homebody. While you are always friendly, you do not let people into the inner circle easily. However, once you do, you are loyal to a fault. On the opposite side of this, you can sometimes be overprotective. As it is impossible to stop the world from turning, it is also impossible to change your mind once it has been made up. You are stubborn and bull-headed and will often stick to your position for no other reason than it is your position. In relationships, you are empathetic and nurturing and don't mind waiting out a few rough patches. But be careful, this also makes it easy for others to walk all over you.
Strengths:
Stable and consistentHard-working
Loyal
Nurturing
Logical
Empathetic
Weaknesses:
LazyScornful
Overly cautious
Stubborn to the point of impractical
Rigid
fire
However, be wary. You can also easily turn a positive into a negative. Your passion turns to anger quickly and blinds you when hurting those close. When not contained, Fire spreads to anything nearby and so do you. You are often unfaithful and will follow any lead to serve your own self-interest. Fire needs other elements to survive. While Air will make it grow, Earth will keep it burning steadily. The same is true for you. Your loved ones are what motivate you and keep you stable. Without them, your passion turns to obsession and you quickly exhaust yourself.
Strengths:
PassionateBright
Charismatic
Focused
Decisive
Daring
Weaknesses:
Prone to anger and rageObsessive
Unfaithful
Jealous
Easily irritated
Vindictive
water
However, your ability to connect so deeply also makes you prone to carrying other people's burdens. This compassion for others leaves your own needs neglected. Too many built up negative emotions can lead to depression and often addiction. Your emotions ebb and flow, making you sometimes volatile and irrational. You often feel the need to bring up deep topics during lighthearted situations, much to the annoyance of others. You must find balance in learning to help others and learning to help yourself in order to find harmony.
Strengths:
UnderstandingTrusting
Devoted
Forgiving
Flexible
Weaknesses:
UnstableProne to depression
Irrational
Gullible
Lack of self
-------------------------------------------------------------------------------
<!--
<html>
<head>
<title>slider</title>
<style>
body {
}
#title {
text-align: center;
}
.window{
margin:50px auto;
width:300px;
height:300px;
border: 2px solid blue;
z-index:1;
}
.window:hover{
cursor: pointer;
}
.button_round {
position: absolute;
width: 50px;
height: 50px;
border: 1px solid red;
border-radius: 50%;
z-index: 3;
top: 225px;
left: 50%;
}
#button_left {
margin-left: -280px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_MNI0Xt29DvW5jPzMAAaQ8_nIrQeZjmOymtAI1e0LD-r_G_OKNow6t1Na8ea6qE2MA5zigsMAHD00hqA-__E3430opqiqI6RCyHSopaFoGGeOaporevXPJHnC8mDibDnoeQkTEp6kgY/s1600/left.png") no-repeat;
background-size: contain;
}
#button_right {
margin-left: 230px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Komn6lTmzZ92Z06uaRqwieeefxfVPhTmz2hwWktPuSr8Oq9yTzv4hDr1T20sXzd4R22j01wppArxMNX-b4AAaUlrAh6OvlXNcAbtNNPdU0RoKKfoKMe8Q-V4_91pI_LbNby-31wQhgs/s1600/right.png") no-repeat;
background-size: contain;
}
.slides {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRR34BTmN5ibJ76xkKDoe5nLruBdalT8b-hOmtZLOwopvIItEzUTI0u-txdljFQVVH6Va5ilnUJhnyKNuDg90mj1o1VPowt8-8ZCw8NgBLkiEeaeg2Yo5tsIRe4qKOLFkSjG-BdAOGNUE/s1600/elements.jpg") no-repeat;
height: 300px;
width: 300px;
position: absolute;
z-index: 2;
}
#slide1 {
background-position: 0 0;
}
#slide2{
background-position:0 -300px;
margin-left:300px;
}
#slide3 {
background-position: -300px 0;
margin-left: 600px;
}
#slide4 {
background-position: -300px -300px;
margin-left: 900px;
}
#choice{
text-align:center;
color:red;
}
#singleElement{
margin:50px auto;
width:300px;
height:300px;
}
.goBack {
position: relative;
width: 100px;
height: 100px;
border: 1px solid red;
border-radius: 50%;
margin:auto;
text-align:center;
font-size:30px;
}
.goBack>a{
color:hotpink;
}
#slideEarth {
background-position: 0 -300px;
}
#slideFire {
background-position: -300px 0;
}
#slideWater {
background-position: -300px -300px;
}
.radioSlide{
position:absolute;
top:350px;
z-index:3;
left:50%;
margin-left:-50px;
}
#subTitle{
text-align:center;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
var num = parseInt(1);
var busy = false;
$(document).ready(function () {
$("#slide3").css("opacity", "0");
$("#slide4").css("opacity", "0");
$("#slide1").css("opacity", "1");
$("#slide2").css("opacity", "0");
$("#slide1").css("margin-left", "0px");
$("#slide2").css("margin-left", "300px");
$("#slide3").css("margin-left", "600px");
$("#slide4").css("margin-left", "-300px");
<!--wait for images are in position before enable fade in/out effect-->
setTimeout(function () {
enable_transition();
}, 100);
});
function disable_transition(){
$("#slide1").css("transition", "all linear 0s");
$("#slide2").css("transition", "all linear 0s");
$("#slide3").css("transition", "all linear 0s");
$("#slide4").css("transition", "all linear 0s");
}
function enable_transition(){
$("#slide1").css("transition", "all linear 2s");
$("#slide2").css("transition", "all linear 2s");
$("#slide3").css("transition", "all linear 2s");
$("#slide4").css("transition", "all linear 2s");
}
function left_click() {
if (busy == true) { return false; }
num++;
if (num == 5) { num = 1; }
busy = true;
slide_image();
}
function right_click() {
if (busy == true) { return false; }
num--;
if (num == 0) { num = 4; }
busy = true;
slide_image();
}
function slide_image() {
switch (num) {
case 2:
$("#slide1").css("opacity", "0");
$("#slide1").css("margin-left", "-300px");
$("#slide2").css("opacity", "1");
$("#slide2").css("margin-left", "0px");
$("#slide3").css("opacity", "0");
$("#slide3").css("margin-left", "300px");
$("#slide4").css("opacity", "0");
$("#slide4").css("margin-left", "600px");
$("#radio2").prop("checked", true);
break;
case 3:
$("#slide1").css("opacity", "0");
$("#slide1").css("margin-left", "600px");
$("#slide2").css("opacity", "0");
$("#slide2").css("margin-left", "-300px");
$("#slide3").css("opacity", "1");
$("#slide3").css("margin-left", "0px");
$("#slide4").css("opacity", "0");
$("#slide4").css("margin-left", "300px");
$("#radio3").prop("checked", true);
break;
case 4:
$("#slide1").css("opacity", "0");
$("#slide1").css("margin-left", "300px");
$("#slide2").css("opacity", "0");
$("#slide2").css("margin-left", "600px");
$("#slide3").css("opacity", "0");
$("#slide3").css("margin-left", "-300px");
$("#slide4").css("opacity", "1");
$("#slide4").css("margin-left", "0px");
$("#radio4").prop("checked", true);
break;
default:
$("#slide1").css("opacity", "1");
$("#slide1").css("margin-left", "0");
$("#slide2").css("opacity", "0");
$("#slide2").css("margin-left", "300px");
$("#slide3").css("opacity", "0");
$("#slide3").css("margin-left", "600px");
$("#slide4").css("opacity", "0");
$("#slide4").css("margin-left", "-300px");
$("#radio1").prop("checked", true);
}
<!--prevent multiple click on button left/right when images are sliding-->
setTimeout(function () {
busy = false;
}, 2000);
}
function pic1_click() {
if (num !=1) { return false; }
window.location.replace("#divider1");
}
function pic2_click() {
if (num !=2) { return false; }
window.location.replace("#divider2");
}
function pic3_click() {
if (num !=3) { return false; }
window.location.replace("#divider3");
}
function pic4_click() {
if (num !=4) { return false; }
window.location.replace("#divider4");
}
function radio_change() {
num = parseInt($('input[name=radioSelect]:checked').val());
<!--click radio button, image selected is in position right away-->
disable_transition();
slide_image();
setTimeout(function () {
enable_transition();
}, 100);
}
</script>
</head>
<body>
<h1 id="title">
sliding banner</h1>
<div class="window">
<div class="slides" id="slide1" onclick="pic1_click()">
</div>
<div class="slides" id="slide2" onclick="pic2_click()">
</div>
<div class="slides" id="slide3" onclick="pic3_click()">
</div>
<div class="slides" id="slide4" onclick="pic4_click()">
</div>
</div>
<div class="button_round" id="button_left" onclick="left_click()">
</div>
<div class="button_round" id="button_right" onclick="right_click()">
</div>
<div class="radioSlide">
<input checked="" id="radio1" name="radioSelect" onchange="radio_change()" type="radio" value="1" />
<input id="radio2" name="radioSelect" onchange="radio_change()" type="radio" value="2" />
<input id="radio3" name="radioSelect" onchange="radio_change()" type="radio" value="3" />
<input id="radio4" name="radioSelect" onchange="radio_change()" type="radio" value="4" />
</div>
<h3 id="subTitle">
THE FOUR ELEMENTS: EARTH, AIR, FIRE, WATER</h3>
In western astrology, it is believed that the universe is formed by the four elements: Earth, Air, Fire, Water. These are the outward manifestations of the true Elements. Each of the four elements contains its own unique properties, which work simultaneously to create one united universe. None of the elements are inherently good or bad, however, each has both positive and negative qualities.
<br />
Whether you're loud or quiet, timid or outgoing, impetuous or logical - your personality is filled with both pros and cons. Nobody is perfect and it is difficult to self-evaluate in order to understand our base emotions and desires. That's why finding your element is so important. As you read over the qualities associated with each of the four elements, you might have your "A-ha!" moment, or you might feel as though you don't relate to certain aspects. This is because every person is at a different point in his or her path to developing the human spirit. By finding your element, you'll be able to better appreciate your own strengths and be more self aware of your weaknesses. This understanding will help you to build better, stronger relationships with those around you. Let your element be a guide to a more intuitive self.
<br />
<hr id="divider1"/>
<h1 id="title">air</h1>
<div id="singleElement">
<div class="slides" id="slide1"></div>
</div>
<p>Air is constantly in motion, even when you can't see it. This is the same for the mind of a person with the Air element. Of the four elements, Air is the most concentrated on thought. You think through every decision thoroughly and often find clever solutions to difficult problems. You are studious and scholarly and often see "the big picture" when others cannot. However, as changeable as the direction of the wind, Air people can also vary quite drastically. While some are outgoing, rational and clever, others are scattered, eccentric, and cold. You excel at multi-tasking, however, be careful as you are also easily distracted. You have the ability to multi-task but you are strongest when focused on one problem at a time.</p>
<p>Air is also what gives humans the ability for speech. Because of this you are witty and entertaining and are a welcomed guest at any party. Be aware that while you have charm, you sometimes lack social graces. Your focus is placed so often on logic, that you often overlook feelings. Commitment doesn't come naturally to you. Couple this with your sometimes insensitive nature and it makes relationships very difficult. You are not rooted in tradition. You go with what makes sense and don't believe in doing something because "it's how it has always been done." This propensity for what others see as "radical thinking" and your quick mind makes you a natural born puppet master. While Fire may be the face of the uprising, you are the brains behind it.</p>
<h3>Strengths:</h3>
<p>
Thoughtful<br/>
Witty<br />
Charming<br />
Care free<br />
Independent<br />
Flexible<br />
</p>
<h3>Weaknesses:</h3>
<p>
Inconsistent<br />
Insensitive<br />
Selfish<br />
Flaky<br />
Dishonest<br />
</p>
<div>
<div class="goBack"><a href="#">go back</a></div>
</div>
<hr id="divider2"/>
<h1 id="title">earth</h1>
<div id="singleElement">
<div class="slides" id="slideEarth"></div>
</div>
<p>The Earth is stable and reliable, yet constantly working and moving. Those with the Earth element share these traits. You are practical and logical and stand firm in your convictions. You learn through experience, which is never difficult for a curious person like yourself. You aren't interested in unrealistic dreams, but rather you believe in setting achievable goals that are attained through hard work.</p>
<p>You are an artist and love to create. Your home is welcoming and warm and always open to friends and family, which is fitting considering you're a bit of a homebody. While you are always friendly, you do not let people into the inner circle easily. However, once you do, you are loyal to a fault. On the opposite side of this, you can sometimes be overprotective. As it is impossible to stop the world from turning, it is also impossible to change your mind once it has been made up. You are stubborn and bull-headed and will often stick to your position for no other reason than it is your position. In relationships, you are empathetic and nurturing and don't mind waiting out a few rough patches. But be careful, this also makes it easy for others to walk all over you.</p>
<h3>Strengths:</h3>
<p>
Stable and consistent<br />
Hard-working<br />
Loyal<br />
Nurturing<br />
Logical<br />
Empathetic<br />
</p>
<h3>Weaknesses:</h3>
<p>
Lazy<br />
Scornful<br />
Overly cautious<br />
Stubborn to the point of impractical<br />
Rigid<br />
</p>
<div>
<div class="goBack"><a href="#">go back</a></div>
</div>
<hr id="divider3"/>
<h1 id="title">fire</h1>
<div id="singleElement">
<div class="slides" id="slideFire"></div>
</div>
<p>Fire provides heat and light, but it cannot exist on its own. The same is true for people born to the Fire element. You are passionate, warm and light up every room. You are the life of the party and your natural intensity that compels others to take notice makes you a natural born leader. You follow your gut instinct and become fully committed to what you believe. Of the four elements, Fire is by far the most entertaining, drawing, and dynamic. You have the power of transformation and can convert any negative situation into a positive.</p>
<p>However, be wary. You can also easily turn a positive into a negative. Your passion turns to anger quickly and blinds you when hurting those close. When not contained, Fire spreads to anything nearby and so do you. You are often unfaithful and will follow any lead to serve your own self-interest. Fire needs other elements to survive. While Air will make it grow, Earth will keep it burning steadily. The same is true for you. Your loved ones are what motivate you and keep you stable. Without them, your passion turns to obsession and you quickly exhaust yourself.</p>
<h3>Strengths:</h3>
<p>
Passionate<br />
Bright<br />
Charismatic<br />
Focused<br />
Decisive<br />
Daring<br />
</p>
<h3>Weaknesses:</h3>
<p>
Prone to anger and rage<br />
Obsessive<br />
Unfaithful<br />
Jealous<br />
Easily irritated<br />
Vindictive<br />
</p>
<div>
<div class="goBack"><a href="#">go back</a></div>
</div>
<hr id="divider4"/>
<h1 id="title">water</h1>
<div id="singleElement">
<div class="slides" id="slideWater"></div>
</div>
<p>Water is constantly flowing, with much of its activity happening below the surface. For Water people, while your outside may seem calm and collected, inside your emotions are in constant turmoil. You are compassionate and caring and can relate easily to others. You connect with people whole-heartedly, which can sometimes make you overly trusting. When spread too thin you are ineffectual, but when collected and focused you are a force to be reckoned with. You see life as a journey and every movement you make is part of a definite path (though sometimes an unexpected one).</p>
<p>However, your ability to connect so deeply also makes you prone to carrying other people's burdens. This compassion for others leaves your own needs neglected. Too many built up negative emotions can lead to depression and often addiction. Your emotions ebb and flow, making you sometimes volatile and irrational. You often feel the need to bring up deep topics during lighthearted situations, much to the annoyance of others. You must find balance in learning to help others and learning to help yourself in order to find harmony.</p>
<h3>Strengths:</h3>
<p>
Understanding<br />
Trusting<br />
Devoted<br />
Forgiving<br />
Flexible<br />
</p>
<h3>Weaknesses:</h3>
<p>
Unstable<br />
Prone to depression<br />
Irrational<br />
Gullible<br />
Lack of self<br />
</p>
<div>
<div class="goBack"><a href="#">go back</a></div>
</div>
</body>
</html>
-->
-------------------------------------------------------------------------------
//startup.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.Http;
using Microsoft.Extensions.DependencyInjection;
namespace WebApplication2
{
public class Startup
{
// This method gets called by the runtime. Use this method to add services to the container.
// For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
public void ConfigureServices(IServiceCollection services)
{
}
// This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
// Serve my app-specific default file, if present.
DefaultFilesOptions options = new DefaultFilesOptions();
options.DefaultFileNames.Clear();
options.DefaultFileNames.Add("slide.html");
app.UseDefaultFiles(options);
app.UseStaticFiles();
}
}
}
reference:
https://docs.microsoft.com/en-us/aspnet/core/fundamentals/static-files
No comments:
Post a Comment