<!DOCTYPE html>

<head>

<title>Squaremagie source code html & css scroll text</title>

</head>

body{

font-family: Arial, Helvetica, sans-serif;

background: linear-gradient(rgba(0, 0, 0, 0.164), rgba(0, 0, 0, 0.164)), url("../../images/bg.jpg");

background-repeat: no-repeat;

background-size: 100% 100%;

margin: 0;

}

/* coding menu dropdown with micke */

/* Style The Dropdown Button */

.dropbtn {

font-family: 'montserrat', sans-serif;

background-color: blueviolet;

color: white;

padding: 9px 17px;

font-size: 15px;

border: none;

cursor: pointer;

margin-top: 5px;

}

/* The container <div> - needed to position the dropdown content */

.dropdown {

position: relative;

display: inline-block;

}

/* Dropdown Content (Hidden by Default) */

.dropdown-content {

display: none;

position: absolute;

background-color: #f9f9f9;

min-width: 116px;

box-shadow: 0px 8px 10px 0px rgba(0,0,0,0.2);

padding: 5px 10px;

border: none;

text-align: left;

font-size: 14px;

z-index: 1;

}

/* Links inside the dropdown */

.dropdown-content a {

color: black;

padding: 10px 14px;

text-decoration: none;

display: block;

}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {background-color: #eee}

.dropdown-content a:hover {color: red}

/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdown:hover .dropbtn {

background-color: greenyellow;

color: black;

}

/* coding menu dropdown with micke */

/* coding layout with micke */

body {

display: grid;

grid-template-areas:

"header header header"

"nav article ads"

"footer footer footer";

grid-template-rows: 5% 1fr 5%;

grid-template-columns: 8% 1fr 8%;

grid-gap: 0px; /* --pixel will give space between layout section-- */

height: 100vh;

margin: 0% 0%;

}

/* Stack the layout on small devices/viewports. */

@media all and (max-width: 575px) {

body {

grid-template-areas:

"header"

"article"

"ads"

"nav"

"footer";

grid-template-rows: 70px 1fr 70px 1fr 70px;

grid-template-columns: 1fr;

}

#pageHeader {

grid-area: header;

}

#pageFooter {

grid-area: footer;

}

#mainArticle {

grid-area: article;

}

#mainNav {

grid-area: nav;

}

#siteAds {

grid-area: ads;

}

header, div {

background: none;

font-size: 20px;

font-family: 'montserrat', sans-serif;

color: purple;

padding: 5px 20px;

text-align: center;

margin-top: 0px;

}

article, div {

padding: 0px 0px;

background: none;

font-size: 17px;

font-family: 'montserrat', sans-serif;

color: black;

text-align: center;

margin-top: 0px;

}

nav, div {

padding: 0px 0px;

background: none;

font-size: 16px;

text-align: center;

margin-top: 0px;

}

ads, div {

padding: 0px 0px;

background: none;

font-size: 0px;

color: black;

text-align: center;

margin-top: 0px;

}

footer div {

padding: 0px 0px;

background: none;

font-size: 15px;

margin-top: 0px;

}

/* coding layout with micke */

/* coding gallery and text section with micke */

.firstsection{

background-color: none;

height: 45%; /* coding the top margin of center column first section article div */

margin-top: 2%;

}

.firsthalf{

width: 100%;

display: flex;

flex-direction: column;

justify-content: center;

}

.secondsection{

background-color: none;

height: 18%; /* coding the top margin of center column second section article div */

margin-top: 2%;

}

.secondhalf{

width: 100%;

display: flex;

flex-direction: column;

justify-content: center;

}

.thirdsection{

background-color: none;

height: 15%; /* coding the top margin of button therd section article div */

}

.thirdhalf{

width: 100%;

display: flex;

flex-direction: column;

justify-content: center;

}

.box-main{

display: flex;

justify-content: center;

align-items: center;

color: black;

font-size: 16px;

max-width: 80%;

margin: auto;

height: 100%;

margin-top: 0%;

}

/* coding gallery and text section with micke */

/* coding button with micke */

.button {

background-color: rgba(255,255,255, 0.0);

font-family: 'montserrat', sans-serif ;

border: 0px solid none;

color: white;

padding: 0px 0px;

text-align: center;

text-decoration: none;

display: inline-table;

line-height: 0px;

width: auto;

font-weight: none;

font-size: 15px;

margin: 0px 0px;

cursor: pointer;

margin-top: 0%;

justify-content: center;

align-items: center;

border-style: none;

}

.button:hover{

background-color: none;

color: red;

}

p.button_1 {

background-color: lightgray;

font-family: 'montserrat', sans-serif;

color: darkgreen;

margin: 0px 0px;

padding: 0px, 0px;

text-align: left;

text-decoration: none;

margin-top: 0%;

display: inline-block;

font-size: 15px;

width: 1265px;

height: 360px;

border-style: inset;

}

p.button_1:hover {

background-color: white;

color: black;

}

p.button_2 {

background-color: none;

font-family: 'montserrat', sans-serif;

color: green;

padding: 0px, 0px;

text-align: left;

text-decoration: none;

margin-top: 0%;

display: inline-block;

font-size: 15px;

width: auto; /* --scroll layout width=auto - second section-- */

height: 275px;

border-style: inset;

overflow-y: scroll; /* --scroll layout overflow-y - second section-- */

}

p.button_2:hover {

background-color: white;

color: black;

}

/* coding button with micke */

/* coding text with micke */

.text{

width: 100%;

margin-top: 0%;

text-transform: uppercase;

color: white;

}

.text h1{

font-size: 36px;

font-family: 'montserrat', sans-serif;

font-weight: 700px;

margin: 9px 0px;

text-align: center;

}

.text h2{

font-size: 18px;

font-family: 'montserrat', sans-serif;

font-weight: 500px;

}

h1{

text-align: left;

}

h2{

text-align: left;

margin: 0px 0px;

}

.text-medium{

font-family: 'piazzolla', serif;

font-weight: bold;

font-size: 18px;

color: greenyellow;

margin-top: 1%;

}

.text-small{

font-size: 12px;

}

text-align: center;

}

/* coding text with micke */

/* coding table with micke */

table {

border-collapse: collapse;

width: auto;

margin-top: 0%;

}

th, td {

font-family: 'montserrat', sans-serif;

border: 1px solid none; /* --color will give border line on table section - here none color-- */

padding: 0px 0px;

height: auto;

width: auto;

font-size: 0px;

text-align: center;

}

/* coding table with micke */

/* coding footer with micke */

:root {

box-sizing: border-box;

margin: 0px;

padding: 0px;

font-family: sans-serif;

}

body {

height: 100vh;

overflow: hidden;

}

.footer {

position: absolute;

bottom: 0;

left: 0;

right: 0;

padding: 1rem;

background: none;

color: blue;

font-weight: 500;

display: flex;

justify-content: center;

align-items: center;

margin-top: 0;

gap: 0.2rem;

}

/* coding footer with micke */

/* coding JS footer with micke */

let year = document.querySelector("#year");

$(document).ready(function () {

year.innerText = new Date().getFullYear();

});

/* coding JS footer with micke */

/* coding text scroll with micke */

.scroll {

border: 1px;

padding: 1px

width: auto;

height: 360px;

overflow-x: hidden;

overflow-y: scroll;

text-align: left;

}

/* coding text scroll with micke */

</style>

<body>

<button class="dropbtn">Photocollection</button>

<a href="special1.html">Photopage 1</a>

<a href="special2.html">Photopage 2</a>

<a href="special3.html">Photopage 3</a>

<a href="special4.html">Photopage 4</a>

<a href="special5.html">Photopage 5</a>

<a href="special6.html">Photopage 6</a>

</div>

</header>

<h2 class="text-medium" id="program">History of Magic Squares </h2>

<B>Leonhard Euler</B> (1707-1783) was a Swiss mathematician who made pioneering and influential discoveries such as analytic number theory, complex analysis and infinitesimat calculus. He introduced much of modern mathematical therminology and notatin, including the notation of mathematical function. He spent most of his adult life in St. Petersburg, Russia, and in Berlin, Preussia. Euler's interest in number theory and logic lead him to the construction of the Euler square, later named the latin square. It says that each row, column and diagonal should have only one letter a...d and only on number of each 1...4 in a square of order 4. This combination of letter and integer in rows, columns and diagonals are named Euler square. His original letter was Latin and Greek letter and when the conditions above where carry out, the square was named magic square. The result says that all rows, columns and diagonals have the same sum. Today it´s possibly to show Euler square who are bimagic at order 8, 9, 16, 25, 32. George Pfeffermann (1838-1914) was born on Frankfurt, Germany. But from age 21, he lived in France. He was a bank employee in Paris. Married in 1888 to a French women, and he obtained French citizenship in 1891. He authored numerous articles on magic square published in French, mainly between 1890 and 1896. He invented the first bimagic square of order 8. He made a puzzle of the world first known bimagic square and published in the French paper: "Les Tablettes du Chercheur", in 1890. In year 1891 he published also the worlds first known bimagic square of order 9. In 1907, he was named "Officer d'Académie" (Order of Academie palms) by the French Minister Aristide Briand. From 1909 until his death, he published one regular column titled "Divertissments" (Amusements) in the French paper: "Le Moniteur d'Issoire". Gaston Terry (1843-1913) a French mathematicain who spent his working life in Algeria. He find different method to prove that a Euler-latin square of order 6 does not exist. Together with his friend Brutus Portier he could find out several panmagic squares of order 8. They are bimagic and have trimagic diagonals. Tarry was the first to find an example of a trimagic square. It had order 128 and he named the method for construction: "Cabalistic condensator". He said that the discharge can only stay in a good conductive environment, a magic field. André Gérardin (1879-1953) a French mathematician who dedicated a theory of number he later called "Diophante". The paper was edited in Nancy, France, from 1948 to 1952. He made many solutions of bimagic squares of order 8. He did also many other published works in the mathematicial area. William H. Benson (1902-1984) an American who was in the U.S. Navy Forces until 1955. Later he was made an associate professor of mathematics in 1957. He is most famus for the construction of the first known trimagic square of order 32, together with Jacoby Oswald (1902-1984). Jacoby who was in early age a U.S. Champion in professional bridge playing. Later he was diverted for service as a U. S. Naval intelligence officer in World War II and Korea War. The whole square n32 was published for the first time 1976 in the book: "New recreations with Magic Squares". William H. Benson and Jacoby Oswald wrote about the method they had used. Her is an extract of their talks: <cite>"So far is known, this is the first trimagic square ever to be constructed of an order lower than 64. It has been completely checked by the use of IBM equipment and proved to be correct. The method is perfectly general and flexible. Any number of trimagic squares of the 32nd (64th, 128th, etc...) order can be constructed by its use of 32nd"</cite>. Today in modern time the trimagic square of order 32 from William H. Benson and Jacoby Oswald, 1976, is running in hightech equipment from Nikon Lithography and Windows operative systems from Microsoft Corporation.</p>

</div>

</section>

<table>

<tr>

<td>

<abbr title="Download Leonhard Euler - On Magic Squares, pdf-file."><a href="../Squarespace_3/Leonhard_Euler.pdf" target="_blank" download class="button">Leonhard Euler</a></abbr>

</td>

</tr>

</table>

</div>

</section>

<h2 class="text-medium" id="program">Modern History</h2>

<B>Modern Magic Squares</B>. Numerous 8th and 9th-order of bimagic squares have been constructed since Pfeffermann, a century ago, but none 10th or 11th-order have yet been successfully constructed. The first known 10th-order bimagic square was constructed in January 2004 by Fredrik Jansson, Finland. Fredrik where a young student, currently a second-year physics student at the Åbo Akademi University, in Turku. He also studies mathematics and computer science. Also in January 2004, only 18 days later than his 10th-order bimagic square, Fredrik Jansson constructed the first 11th-order bimagic square, using similar methods (combining bimagic series). In 2011, Chen Kenju, Li Wen, and Pan Fengchu published "A family of pandiagonal bimagic squares based on orthogonal arrays" in the Journal of Combinatorial Designs, Vol. 19, Issue 6, November 2011, pp. 427-438. Here is their abstract: <cite>In this article we give a construction of pandiagonal bimagic squares by means of four-dimensional bimagic rectangles, which can be obtained from orthogonal arrays with special properties. In particular, we show that there exists a normal pandiagonal bimagic square of order n4 for all positive integer n ≥ 7 such that gcd(n,30) = 1, which gives an answer to problem 22 of Abe in [Discrete Math 127 (1994), p.3–13].</cite> Another 11th-order bimagic square was constructed later by Chen Mutian, China, in May 2005. This magic square is symmetrical around its centre, meaning that two cells symmetrical around the centre have always the same sum, here 122. An interesting consequence is that the 4 lines of 11 numbers going through the centre are trimagic: the central row, the central column, and the 2 diagonals. Chen Qinwu and Chen Mutian, China, where first to constructed in year 2005 a trimagic square of order 16. Three year later in year 2008, Li Wen, China, constructed a second trimagic square of the same order 16. Chen Qinwu and Chen Mutian where after these work on the trimagic squares of order 16 appointed to be professors at the Computer Science Department of the Shantou University, Guangdong Province, China. First know prime bimagic square of order 11 was created and constructed in year 2006 from Christian Boyer, France, a former <cite>Microsoft</cite> employeer with responsibility over the French district in Europe. Nicolas Rouanet, France, is an engineer working at LATMOS, one of the optical department in France. This “Laboratoire ATmosphéres, Miliex, Observation Spatiales” (Atmospheres, Environments, Space Observations Laboratory) is a joint research unit of CNRS +University of Versailles +Sorbonne University. From January to November 2018, he worked on bimagic squares of primes, in orders from 8 to 25. Su Maoting, China, was about 45 years old when he created and constructed all his bimagic squares of higher orders you can find on the page of squaremagie space. He lives and works in Fujian Province, China. Walter Trump is named in a article about trimagic squares.

</div>

</section>

</article>

</footer>

</body>

</html>