Skip to content

Commit

Permalink
Merge remote-tracking branch 'origin/release/11.0.0-preview1'
Browse files Browse the repository at this point in the history
# Conflicts:
#	Calc.Browser/Roots.xml
#	Calc/App.axaml
#	Calc/Calc.csproj
#	Calc/Views/MainView.axaml
#	Directory.Build.props
  • Loading branch information
maxkatz6 committed Jan 8, 2024
2 parents 3595be1 + 26c7093 commit 12f4bb3
Show file tree
Hide file tree
Showing 6 changed files with 416 additions and 248 deletions.
155 changes: 112 additions & 43 deletions Calc.Browser/AppBundle/app.css
Original file line number Diff line number Diff line change
@@ -1,64 +1,133 @@
.highlight {
color: white;
font-size: 2.5rem;
display: block;
}

.purple {
color: #8b44ac;
}

.icon {
opacity : 0.05;
height: 35%;
width: 35%;
position : absolute;
background-repeat: no-repeat;
right: 0px;
bottom: 0px;
margin-right: 3%;
margin-bottom: 5%;
z-index: 5000;
background-position: right bottom;
pointer-events: none;
}

#avalonia-splash a{
color: whitesmoke;
text-decoration: none;
}

.center {
.center {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

#avalonia-splash {
position: relative;
position: absolute;
height: 100%;
width: 100%;
color: whitesmoke;
background: #1b2a4e;
font-family: 'Nunito', sans-serif;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background: black;
justify-content: center;
align-items: center;
}

.splash-close {
animation: fadeout 0.25s linear forwards;
animation: fadeout 0.3s linear forwards;
}

.spinner-container {
display: flex;
position: absolute;
height: 100%;
width: 100%;
justify-content: center;
align-items: center;
animation: delayedFadeIn 4s linear both;
background: transparent;
}

#out {
position: absolute;
height: 100%;
width: 100%;
z-index: 1;
}

@keyframes fadeout {
0% {
opacity:100%;
0% {
opacity: 100%;
}
100% {
opacity: 0;
visibility: collapse;
left: 100%;
}
}

@keyframes delayedFadeIn {
0% {
visibility: collapse;
}
100% {
opacity:0;
99% {
visibility: collapse;
}
100% {
visibility: visible;
}
}

.loader {
animation: rotate 1s infinite;
height: 50px;
width: 50px;
}

.loader:before,
.loader:after {
border-radius: 50%;
content: '';
display: block;
height: 20px;
width: 20px;
}
.loader:before {
animation: ball1 1s infinite;
background-color: white;
box-shadow: 30px 0 0 white;
margin-bottom: 10px;
}
.loader:after {
animation: ball2 1s infinite;
background-color: white;
box-shadow: 30px 0 0 white;
}

@keyframes rotate {
0% {
-webkit-transform: rotate(0deg) scale(0.8);
-moz-transform: rotate(0deg) scale(0.8);
}
50% {
-webkit-transform: rotate(360deg) scale(1.2);
-moz-transform: rotate(360deg) scale(1.2);
}
100% {
-webkit-transform: rotate(720deg) scale(0.8);
-moz-transform: rotate(720deg) scale(0.8);
}
}

@keyframes ball1 {
0% {
box-shadow: 30px 0 0 white;
}
50% {
box-shadow: 0 0 0 white;
margin-bottom: 0;
-webkit-transform: translate(15px,15px);
-moz-transform: translate(15px, 15px);
}
100% {
box-shadow: 30px 0 0 white;
margin-bottom: 10px;
}
}

@keyframes ball2 {
0% {
box-shadow: 30px 0 0 white;
}
50% {
box-shadow: 0 0 0 white;
margin-top: -20px;
-webkit-transform: translate(15px,15px);
-moz-transform: translate(15px, 15px);
}
100% {
box-shadow: 30px 0 0 white;
margin-top: 0;
}
}
34 changes: 16 additions & 18 deletions Calc.Browser/AppBundle/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,28 +5,26 @@
<title>Calculator</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<base href="/" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700&family=Open+Sans:wght@600&display=swap" rel="stylesheet">
<link rel="modulepreload" href="./main.js" />
<link rel="modulepreload" href="./dotnet.js" />
<link rel="modulepreload" href="./avalonia.js" />
<link rel="stylesheet" href="./app.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<base href="/"/>
<link rel="modulepreload" href="./main.js"/>
<link rel="modulepreload" href="./dotnet.js"/>
<link rel="modulepreload" href="./avalonia.js"/>
<link rel="stylesheet" href="./app.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
</head>

<body style="margin: 0px">
<div id="out">
<img class="icon" src="Logo.svg" alt="Avalonia Logo"/>
<div id="avalonia-splash">
<div class="center">
<h2 class="purple">
Powered by
<a class="highlight" href="https://www.avaloniaui.net/" target="_blank">Avalonia UI</a></h2>
</div>

<body style="margin: 0px;">
<script type='module' src="./main.js"></script>

<div id="out">
<div id="avalonia-splash">
<div class="spinner-container">
<div class="loader"></div>
</div>
</div>
<script type='module' src="./main.js"></script>
</div>

</body>

</html>
2 changes: 1 addition & 1 deletion Calc.Browser/AppBundle/staticwebapp.config.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
{
"route": "/*",
"headers": {
"Cache-Control": "public, must-revalidate, max-age=2419200"
"Cache-Control": "no-cache"
}
}
]
Expand Down
4 changes: 1 addition & 3 deletions Calc/App.axaml
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,11 @@
x:Class="Calc.App"
xmlns="https://github.com/avaloniaui"
xmlns:themes="clr-namespace:Material.Styles.Themes;assembly=Material.Styles"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:materialIcons="using:Material.Icons.Avalonia">
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
<Application.Styles>
<themes:MaterialTheme
BaseTheme="Dark"
PrimaryColor="DeepPurple"
SecondaryColor="Lime" />
<materialIcons:MaterialIconStyles />
</Application.Styles>
</Application>
2 changes: 1 addition & 1 deletion Calc/Calc.csproj
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@
<PackageReference Condition="'$(Configuration)' == 'Debug'" Include="Avalonia.Diagnostics" Version="$(AvaloniaVersion)" />
<PackageReference Include="Material.Avalonia" Version="$(MaterialAvaloniaVersion)" />
<PackageReference Include="CommunityToolkit.Mvvm" Version="8.2.2" />
<PackageReference Include="Material.Icons.Avalonia" Version="2.1.0" />

</ItemGroup>
</Project>
Loading

0 comments on commit 12f4bb3

Please sign in to comment.