Assignment 2.
This commit is contained in:
parent
adeea7d72a
commit
4c54288145
15 changed files with 671 additions and 0 deletions
25
Assignment2/Assignment2.sln
Normal file
25
Assignment2/Assignment2.sln
Normal file
|
@ -0,0 +1,25 @@
|
|||
|
||||
Microsoft Visual Studio Solution File, Format Version 12.00
|
||||
# Visual Studio Version 17
|
||||
VisualStudioVersion = 17.7.34018.315
|
||||
MinimumVisualStudioVersion = 10.0.40219.1
|
||||
Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "Assignment2", "Assignment2\Assignment2.csproj", "{EE667168-34A6-4B63-BB66-2EA0872F98ED}"
|
||||
EndProject
|
||||
Global
|
||||
GlobalSection(SolutionConfigurationPlatforms) = preSolution
|
||||
Debug|Any CPU = Debug|Any CPU
|
||||
Release|Any CPU = Release|Any CPU
|
||||
EndGlobalSection
|
||||
GlobalSection(ProjectConfigurationPlatforms) = postSolution
|
||||
{EE667168-34A6-4B63-BB66-2EA0872F98ED}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
|
||||
{EE667168-34A6-4B63-BB66-2EA0872F98ED}.Debug|Any CPU.Build.0 = Debug|Any CPU
|
||||
{EE667168-34A6-4B63-BB66-2EA0872F98ED}.Release|Any CPU.ActiveCfg = Release|Any CPU
|
||||
{EE667168-34A6-4B63-BB66-2EA0872F98ED}.Release|Any CPU.Build.0 = Release|Any CPU
|
||||
EndGlobalSection
|
||||
GlobalSection(SolutionProperties) = preSolution
|
||||
HideSolutionNode = FALSE
|
||||
EndGlobalSection
|
||||
GlobalSection(ExtensibilityGlobals) = postSolution
|
||||
SolutionGuid = {8AC11FB6-7799-4DE0-9193-94644ECB6CCC}
|
||||
EndGlobalSection
|
||||
EndGlobal
|
130
Assignment2/Assignment2/Assignment2.csproj
Normal file
130
Assignment2/Assignment2/Assignment2.csproj
Normal file
|
@ -0,0 +1,130 @@
|
|||
<Project ToolsVersion="15.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
|
||||
<Import Project="..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.2.0.1\build\net46\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.props" Condition="Exists('..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.2.0.1\build\net46\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.props')" />
|
||||
<Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
|
||||
<PropertyGroup>
|
||||
<Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
|
||||
<Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
|
||||
<ProductVersion>
|
||||
</ProductVersion>
|
||||
<SchemaVersion>2.0</SchemaVersion>
|
||||
<ProjectGuid>{EE667168-34A6-4B63-BB66-2EA0872F98ED}</ProjectGuid>
|
||||
<ProjectTypeGuids>{349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc}</ProjectTypeGuids>
|
||||
<OutputType>Library</OutputType>
|
||||
<AppDesignerFolder>Properties</AppDesignerFolder>
|
||||
<RootNamespace>Assignment2</RootNamespace>
|
||||
<AssemblyName>Assignment2</AssemblyName>
|
||||
<TargetFrameworkVersion>v4.7.2</TargetFrameworkVersion>
|
||||
<UseIISExpress>true</UseIISExpress>
|
||||
<Use64BitIISExpress />
|
||||
<IISExpressSSLPort />
|
||||
<IISExpressAnonymousAuthentication />
|
||||
<IISExpressWindowsAuthentication />
|
||||
<IISExpressUseClassicPipelineMode />
|
||||
<UseGlobalApplicationHostFile />
|
||||
<NuGetPackageImportStamp>
|
||||
</NuGetPackageImportStamp>
|
||||
</PropertyGroup>
|
||||
<PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
|
||||
<DebugSymbols>true</DebugSymbols>
|
||||
<DebugType>full</DebugType>
|
||||
<Optimize>false</Optimize>
|
||||
<OutputPath>bin\</OutputPath>
|
||||
<DefineConstants>DEBUG;TRACE</DefineConstants>
|
||||
<ErrorReport>prompt</ErrorReport>
|
||||
<WarningLevel>4</WarningLevel>
|
||||
</PropertyGroup>
|
||||
<PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
|
||||
<DebugSymbols>true</DebugSymbols>
|
||||
<DebugType>pdbonly</DebugType>
|
||||
<Optimize>true</Optimize>
|
||||
<OutputPath>bin\</OutputPath>
|
||||
<DefineConstants>TRACE</DefineConstants>
|
||||
<ErrorReport>prompt</ErrorReport>
|
||||
<WarningLevel>4</WarningLevel>
|
||||
</PropertyGroup>
|
||||
<ItemGroup>
|
||||
<Reference Include="Microsoft.CSharp" />
|
||||
<Reference Include="System.Web.DynamicData" />
|
||||
<Reference Include="System.Web.Entity" />
|
||||
<Reference Include="System.Web.ApplicationServices" />
|
||||
<Reference Include="System.ComponentModel.DataAnnotations" />
|
||||
<Reference Include="System" />
|
||||
<Reference Include="System.Data" />
|
||||
<Reference Include="System.Core" />
|
||||
<Reference Include="System.Data.DataSetExtensions" />
|
||||
<Reference Include="System.Web.Extensions" />
|
||||
<Reference Include="System.Xml.Linq" />
|
||||
<Reference Include="System.Drawing" />
|
||||
<Reference Include="System.Web" />
|
||||
<Reference Include="System.Xml" />
|
||||
<Reference Include="System.Configuration" />
|
||||
<Reference Include="System.Web.Services" />
|
||||
<Reference Include="System.EnterpriseServices" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Reference Include="Microsoft.CodeDom.Providers.DotNetCompilerPlatform">
|
||||
<HintPath>..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.2.0.1\lib\net45\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.dll</HintPath>
|
||||
</Reference>
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Content Include="images\avatar.png" />
|
||||
<Content Include="images\hlaScreenshot.jpg" />
|
||||
<Content Include="images\mcScreenshot.png" />
|
||||
<Content Include="pages\index.html" />
|
||||
<Content Include="styles\reset.css" />
|
||||
<Content Include="styles\main.css" />
|
||||
<Content Include="Web.config" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Compile Include="Properties\AssemblyInfo.cs" />
|
||||
</ItemGroup>
|
||||
<ItemGroup>
|
||||
<Content Include="fonts\Oswald-Regular.ttf" />
|
||||
<Content Include="fonts\Quicksand-Regular.ttf" />
|
||||
<None Include="packages.config" />
|
||||
<None Include="Web.Debug.config">
|
||||
<DependentUpon>Web.config</DependentUpon>
|
||||
</None>
|
||||
<None Include="Web.Release.config">
|
||||
<DependentUpon>Web.config</DependentUpon>
|
||||
</None>
|
||||
</ItemGroup>
|
||||
<PropertyGroup>
|
||||
<VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
|
||||
<VSToolsPath Condition="'$(VSToolsPath)' == ''">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
|
||||
</PropertyGroup>
|
||||
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
|
||||
<Import Project="$(VSToolsPath)\WebApplications\Microsoft.WebApplication.targets" Condition="'$(VSToolsPath)' != ''" />
|
||||
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" Condition="false" />
|
||||
<ProjectExtensions>
|
||||
<VisualStudio>
|
||||
<FlavorProperties GUID="{349c5851-65df-11da-9384-00065b846f21}">
|
||||
<WebProjectProperties>
|
||||
<UseIIS>True</UseIIS>
|
||||
<AutoAssignPort>True</AutoAssignPort>
|
||||
<DevelopmentServerPort>50570</DevelopmentServerPort>
|
||||
<DevelopmentServerVPath>/</DevelopmentServerVPath>
|
||||
<IISUrl>http://localhost:50570/</IISUrl>
|
||||
<NTLMAuthentication>False</NTLMAuthentication>
|
||||
<UseCustomServer>False</UseCustomServer>
|
||||
<CustomServerUrl>
|
||||
</CustomServerUrl>
|
||||
<SaveServerSettingsInUserFile>False</SaveServerSettingsInUserFile>
|
||||
</WebProjectProperties>
|
||||
</FlavorProperties>
|
||||
</VisualStudio>
|
||||
</ProjectExtensions>
|
||||
<Target Name="EnsureNuGetPackageBuildImports" BeforeTargets="PrepareForBuild">
|
||||
<PropertyGroup>
|
||||
<ErrorText>This project references NuGet package(s) that are missing on this computer. Use NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=322105. The missing file is {0}.</ErrorText>
|
||||
</PropertyGroup>
|
||||
<Error Condition="!Exists('..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.2.0.1\build\net46\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.props')" Text="$([System.String]::Format('$(ErrorText)', '..\packages\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.2.0.1\build\net46\Microsoft.CodeDom.Providers.DotNetCompilerPlatform.props'))" />
|
||||
</Target>
|
||||
<!-- To modify your build process, add your task inside one of the targets below and uncomment it.
|
||||
Other similar extension points exist, see Microsoft.Common.targets.
|
||||
<Target Name="BeforeBuild">
|
||||
</Target>
|
||||
<Target Name="AfterBuild">
|
||||
</Target>
|
||||
-->
|
||||
</Project>
|
35
Assignment2/Assignment2/Properties/AssemblyInfo.cs
Normal file
35
Assignment2/Assignment2/Properties/AssemblyInfo.cs
Normal file
|
@ -0,0 +1,35 @@
|
|||
using System.Reflection;
|
||||
using System.Runtime.CompilerServices;
|
||||
using System.Runtime.InteropServices;
|
||||
|
||||
// General Information about an assembly is controlled through the following
|
||||
// set of attributes. Change these attribute values to modify the information
|
||||
// associated with an assembly.
|
||||
[assembly: AssemblyTitle("Assignment2")]
|
||||
[assembly: AssemblyDescription("")]
|
||||
[assembly: AssemblyConfiguration("")]
|
||||
[assembly: AssemblyCompany("")]
|
||||
[assembly: AssemblyProduct("Assignment2")]
|
||||
[assembly: AssemblyCopyright("Copyright © 2023")]
|
||||
[assembly: AssemblyTrademark("")]
|
||||
[assembly: AssemblyCulture("")]
|
||||
|
||||
// Setting ComVisible to false makes the types in this assembly not visible
|
||||
// to COM components. If you need to access a type in this assembly from
|
||||
// COM, set the ComVisible attribute to true on that type.
|
||||
[assembly: ComVisible(false)]
|
||||
|
||||
// The following GUID is for the ID of the typelib if this project is exposed to COM
|
||||
[assembly: Guid("ee667168-34a6-4b63-bb66-2ea0872f98ed")]
|
||||
|
||||
// Version information for an assembly consists of the following four values:
|
||||
//
|
||||
// Major Version
|
||||
// Minor Version
|
||||
// Build Number
|
||||
// Revision
|
||||
//
|
||||
// You can specify all the values or you can default the Revision and Build Numbers
|
||||
// by using the '*' as shown below:
|
||||
[assembly: AssemblyVersion("1.0.0.0")]
|
||||
[assembly: AssemblyFileVersion("1.0.0.0")]
|
30
Assignment2/Assignment2/Web.Debug.config
Normal file
30
Assignment2/Assignment2/Web.Debug.config
Normal file
|
@ -0,0 +1,30 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
|
||||
<!-- For more information on using web.config transformation visit https://go.microsoft.com/fwlink/?LinkId=125889 -->
|
||||
|
||||
<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
|
||||
<!--
|
||||
In the example below, the "SetAttributes" transform will change the value of
|
||||
"connectionString" to use "ReleaseSQLServer" only when the "Match" locator
|
||||
finds an attribute "name" that has a value of "MyDB".
|
||||
|
||||
<connectionStrings>
|
||||
<add name="MyDB"
|
||||
connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True"
|
||||
xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
|
||||
</connectionStrings>
|
||||
-->
|
||||
<system.web>
|
||||
<!--
|
||||
In the example below, the "Replace" transform will replace the entire
|
||||
<customErrors> section of your web.config file.
|
||||
Note that because there is only one customErrors section under the
|
||||
<system.web> node, there is no need to use the "xdt:Locator" attribute.
|
||||
|
||||
<customErrors defaultRedirect="GenericError.htm"
|
||||
mode="RemoteOnly" xdt:Transform="Replace">
|
||||
<error statusCode="500" redirect="InternalError.htm"/>
|
||||
</customErrors>
|
||||
-->
|
||||
</system.web>
|
||||
</configuration>
|
31
Assignment2/Assignment2/Web.Release.config
Normal file
31
Assignment2/Assignment2/Web.Release.config
Normal file
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
|
||||
<!-- For more information on using web.config transformation visit https://go.microsoft.com/fwlink/?LinkId=125889 -->
|
||||
|
||||
<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
|
||||
<!--
|
||||
In the example below, the "SetAttributes" transform will change the value of
|
||||
"connectionString" to use "ReleaseSQLServer" only when the "Match" locator
|
||||
finds an attribute "name" that has a value of "MyDB".
|
||||
|
||||
<connectionStrings>
|
||||
<add name="MyDB"
|
||||
connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True"
|
||||
xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>
|
||||
</connectionStrings>
|
||||
-->
|
||||
<system.web>
|
||||
<compilation xdt:Transform="RemoveAttributes(debug)" />
|
||||
<!--
|
||||
In the example below, the "Replace" transform will replace the entire
|
||||
<customErrors> section of your web.config file.
|
||||
Note that because there is only one customErrors section under the
|
||||
<system.web> node, there is no need to use the "xdt:Locator" attribute.
|
||||
|
||||
<customErrors defaultRedirect="GenericError.htm"
|
||||
mode="RemoteOnly" xdt:Transform="Replace">
|
||||
<error statusCode="500" redirect="InternalError.htm"/>
|
||||
</customErrors>
|
||||
-->
|
||||
</system.web>
|
||||
</configuration>
|
24
Assignment2/Assignment2/Web.config
Normal file
24
Assignment2/Assignment2/Web.config
Normal file
|
@ -0,0 +1,24 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!--
|
||||
For more information on how to configure your ASP.NET application, please visit
|
||||
https://go.microsoft.com/fwlink/?LinkId=169433
|
||||
-->
|
||||
<configuration>
|
||||
<system.web>
|
||||
<compilation debug="true" targetFramework="4.7.2" />
|
||||
<httpRuntime targetFramework="4.7.2" />
|
||||
</system.web>
|
||||
<system.webServer>
|
||||
<defaultDocument>
|
||||
<files>
|
||||
<add value="pages/index.html"/>
|
||||
</files>
|
||||
</defaultDocument>
|
||||
</system.webServer>
|
||||
<system.codedom>
|
||||
<compilers>
|
||||
<compiler language="c#;cs;csharp" extension=".cs" type="Microsoft.CodeDom.Providers.DotNetCompilerPlatform.CSharpCodeProvider, Microsoft.CodeDom.Providers.DotNetCompilerPlatform, Version=2.0.1.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" warningLevel="4" compilerOptions="/langversion:default /nowarn:1659;1699;1701" />
|
||||
<compiler language="vb;vbs;visualbasic;vbscript" extension=".vb" type="Microsoft.CodeDom.Providers.DotNetCompilerPlatform.VBCodeProvider, Microsoft.CodeDom.Providers.DotNetCompilerPlatform, Version=2.0.1.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" warningLevel="4" compilerOptions="/langversion:default /nowarn:41008 /define:_MYTYPE=\"Web\" /optionInfer+" />
|
||||
</compilers>
|
||||
</system.codedom>
|
||||
</configuration>
|
BIN
Assignment2/Assignment2/fonts/Oswald-Regular.ttf
Normal file
BIN
Assignment2/Assignment2/fonts/Oswald-Regular.ttf
Normal file
Binary file not shown.
BIN
Assignment2/Assignment2/fonts/Quicksand-Regular.ttf
Normal file
BIN
Assignment2/Assignment2/fonts/Quicksand-Regular.ttf
Normal file
Binary file not shown.
BIN
Assignment2/Assignment2/images/avatar.png
Normal file
BIN
Assignment2/Assignment2/images/avatar.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 178 KiB |
BIN
Assignment2/Assignment2/images/hlaScreenshot.jpg
Normal file
BIN
Assignment2/Assignment2/images/hlaScreenshot.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 114 KiB |
BIN
Assignment2/Assignment2/images/mcScreenshot.png
Normal file
BIN
Assignment2/Assignment2/images/mcScreenshot.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.2 MiB |
4
Assignment2/Assignment2/packages.config
Normal file
4
Assignment2/Assignment2/packages.config
Normal file
|
@ -0,0 +1,4 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<packages>
|
||||
<package id="Microsoft.CodeDom.Providers.DotNetCompilerPlatform" version="2.0.1" targetFramework="net472" />
|
||||
</packages>
|
104
Assignment2/Assignment2/pages/index.html
Normal file
104
Assignment2/Assignment2/pages/index.html
Normal file
|
@ -0,0 +1,104 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>Assignment 2 - Kaj Forney</title>
|
||||
<link rel="stylesheet" href="../styles/main.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="webpage">
|
||||
<header id="banner">
|
||||
<img src="../images/avatar.png" alt="My logo." />
|
||||
<h1>My ITM 325 Web Site</h1>
|
||||
<img src="../images/avatar.png" alt="My logo." />
|
||||
<nav>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Home</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Classes</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Resume</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Contact</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Other</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div id="wrapper">
|
||||
<aside id="links">
|
||||
<h2>Side Links</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">Link 1</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Link 2</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Link 3</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Link 4</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Link 5</a>
|
||||
</li>
|
||||
</ul>
|
||||
</aside>
|
||||
<section id="posts">
|
||||
<article>
|
||||
<h2>
|
||||
<a href="#" class="article-title">Post One</a>
|
||||
</h2>
|
||||
<p>
|
||||
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl tincidunt eget nullam non nisi. Massa tincidunt dui ut ornare lectus sit amet est. Sem fringilla ut morbi tincidunt augue. Scelerisque viverra mauris in aliquam sem fringilla ut morbi tincidunt. Ut diam quam nulla porttitor massa id neque aliquam. Tristique senectus et netus et malesuada fames. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Malesuada pellentesque elit eget gravida cum. Faucibus purus in massa tempor nec feugiat nisl pretium. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. Volutpat ac tincidunt vitae semper quis lectus nulla. Lectus quam id leo in vitae turpis massa sed. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Felis eget velit aliquet sagittis id consectetur purus ut faucibus. Proin sagittis nisl rhoncus mattis. Egestas fringilla phasellus faucibus scelerisque. Congue quisque egestas diam in arcu cursus euismod quis viverra. Morbi tristique senectus et netus et malesuada fames ac turpis. Rhoncus aenean vel elit scelerisque mauris. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis risus sed vulputate odio ut. Nisi est sit amet facilisis magna etiam tempor orci. Pellentesque dignissim enim sit amet venenatis urna cursus eget. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Quis enim lobortis scelerisque fermentum dui faucibus in ornare quam. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus. Vitae nunc sed velit dignissim. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Morbi tincidunt ornare massa eget egestas. Purus sit amet luctus venenatis lectus magna fringilla urna. Risus feugiat in ante metus dictum. Placerat duis ultricies lacus sed turpis tincidunt id aliquet. Risus pretium quam vulputate dignissim suspendisse. Sit amet est placerat in egestas erat imperdiet sed euismod. Nisl purus in mollis nunc sed id semper risus. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit. Montes nascetur ridiculus mus mauris.
|
||||
</p>
|
||||
<footer>2023-09-10 | Author: Kaj Forney</footer>
|
||||
</article>
|
||||
<hr />
|
||||
<article>
|
||||
<h2>
|
||||
<a href="#" class="article-title">Post Two</a>
|
||||
</h2>
|
||||
<p>
|
||||
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl tincidunt eget nullam non nisi. Massa tincidunt dui ut ornare lectus sit amet est. Sem fringilla ut morbi tincidunt augue. Scelerisque viverra mauris in aliquam sem fringilla ut morbi tincidunt. Ut diam quam nulla porttitor massa id neque aliquam. Tristique senectus et netus et malesuada fames. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Malesuada pellentesque elit eget gravida cum. Faucibus purus in massa tempor nec feugiat nisl pretium. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. Volutpat ac tincidunt vitae semper quis lectus nulla. Lectus quam id leo in vitae turpis massa sed. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Felis eget velit aliquet sagittis id consectetur purus ut faucibus. Proin sagittis nisl rhoncus mattis. Egestas fringilla phasellus faucibus scelerisque. Congue quisque egestas diam in arcu cursus euismod quis viverra. Morbi tristique senectus et netus et malesuada fames ac turpis. Rhoncus aenean vel elit scelerisque mauris. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis risus sed vulputate odio ut. Nisi est sit amet facilisis magna etiam tempor orci. Pellentesque dignissim enim sit amet venenatis urna cursus eget. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Quis enim lobortis scelerisque fermentum dui faucibus in ornare quam. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus. Vitae nunc sed velit dignissim. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Morbi tincidunt ornare massa eget egestas. Purus sit amet luctus venenatis lectus magna fringilla urna. Risus feugiat in ante metus dictum. Placerat duis ultricies lacus sed turpis tincidunt id aliquet. Risus pretium quam vulputate dignissim suspendisse. Sit amet est placerat in egestas erat imperdiet sed euismod. Nisl purus in mollis nunc sed id semper risus. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit. Montes nascetur ridiculus mus mauris.
|
||||
</p>
|
||||
<footer>2023-09-13 | Author: Kaj Forney</footer>
|
||||
</article>
|
||||
<hr />
|
||||
<article>
|
||||
<h2>
|
||||
<a href="#" class="article-title">Post Three</a>
|
||||
</h2>
|
||||
<p>
|
||||
This is text that is definitely meaningful, and is totally not just a placeholder. This text is very important. Words! Text! Huzzah! Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl tincidunt eget nullam non nisi. Massa tincidunt dui ut ornare lectus sit amet est. Sem fringilla ut morbi tincidunt augue. Scelerisque viverra mauris in aliquam sem fringilla ut morbi tincidunt. Ut diam quam nulla porttitor massa id neque aliquam. Tristique senectus et netus et malesuada fames. Porta lorem mollis aliquam ut porttitor leo a diam sollicitudin. Malesuada pellentesque elit eget gravida cum. Faucibus purus in massa tempor nec feugiat nisl pretium. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam. Volutpat ac tincidunt vitae semper quis lectus nulla. Lectus quam id leo in vitae turpis massa sed. Semper risus in hendrerit gravida rutrum quisque non tellus orci. Felis eget velit aliquet sagittis id consectetur purus ut faucibus. Proin sagittis nisl rhoncus mattis. Egestas fringilla phasellus faucibus scelerisque. Congue quisque egestas diam in arcu cursus euismod quis viverra. Morbi tristique senectus et netus et malesuada fames ac turpis. Rhoncus aenean vel elit scelerisque mauris. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Quis risus sed vulputate odio ut. Nisi est sit amet facilisis magna etiam tempor orci. Pellentesque dignissim enim sit amet venenatis urna cursus eget. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Quis enim lobortis scelerisque fermentum dui faucibus in ornare quam. Tempor orci dapibus ultrices in iaculis nunc sed augue lacus. Vitae nunc sed velit dignissim. Ac tortor vitae purus faucibus ornare suspendisse sed nisi. Morbi tincidunt ornare massa eget egestas. Purus sit amet luctus venenatis lectus magna fringilla urna. Risus feugiat in ante metus dictum. Placerat duis ultricies lacus sed turpis tincidunt id aliquet. Risus pretium quam vulputate dignissim suspendisse. Sit amet est placerat in egestas erat imperdiet sed euismod. Nisl purus in mollis nunc sed id semper risus. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit. Montes nascetur ridiculus mus mauris.
|
||||
</p>
|
||||
<footer>2023-09-14 | Author: Kaj Forney</footer>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<footer id="footer">
|
||||
<img class="footer-image-left" src="../images/mcScreenshot.png" alt="A screenshot of Minecraft." />
|
||||
<img class="footer-image-right" src="../images/hlaScreenshot.jpg" alt="A screenshot of the VR game Half-Life: Alyx." />
|
||||
<p class="copyright">Copyright © <a href="https://lunarpenguin.net">Kaj Forney</a> 2023-<span id="copyright-year"></span></p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById("copyright-year").innerText += new Date(Date.now()).getFullYear();
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
235
Assignment2/Assignment2/styles/main.css
Normal file
235
Assignment2/Assignment2/styles/main.css
Normal file
|
@ -0,0 +1,235 @@
|
|||
@import url(reset.css);
|
||||
|
||||
/*
|
||||
Notes:
|
||||
Class/ID names are intentionally lowercase (webpage), rather than the mixed case in the spec (WebPage).
|
||||
*/
|
||||
|
||||
/*
|
||||
Color Palette (complementary schema):
|
||||
Base Color: #3862A9
|
||||
Complementary Color: #FFBC42
|
||||
*/
|
||||
|
||||
/*
|
||||
I choose to include my own font files in pages I design, rather than relying on Google Fonts stylesheets,
|
||||
because that way I don't have to worry about running afoul of GDPR.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: Quicksand;
|
||||
src: url("../fonts/Quicksand-Regular.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Oswald;
|
||||
src: url("../fonts/Oswald-Regular.ttf");
|
||||
}
|
||||
|
||||
|
||||
/*Variables*/
|
||||
:root {
|
||||
--backColor: #073480;
|
||||
--backColorLight: #0E45A3;
|
||||
--textColor: #C2CDDF;
|
||||
--textColorDark: #6585BB;
|
||||
--accentColor: #FFBC42;
|
||||
--accentColorDark: #F69E00;
|
||||
--accentColorLight: #FFD17D;
|
||||
}
|
||||
|
||||
/*Type selectors*/
|
||||
html {
|
||||
font-size: 0.625rem;
|
||||
font-family: Quicksand, sans-serif;
|
||||
background-color: #232323;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: var(--accentColor);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 3.0rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
h2 > a {
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
/*Header styling*/
|
||||
#banner {
|
||||
background-color: var(--backColor);
|
||||
box-shadow: var(--backColorLight) 5px 5px 10px;
|
||||
border-radius: 15px;
|
||||
padding: 1rem 1rem 0px 1rem;
|
||||
margin-bottom: 1.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header > h1 {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
header > img {
|
||||
display: inline-block;
|
||||
max-height: 50px;
|
||||
margin-left: auto;
|
||||
margin-right:auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/*Navigation links*/
|
||||
nav {
|
||||
background-color: var(--backColorLight);
|
||||
padding-bottom: 1rem;
|
||||
padding-top: 1rem;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
nav > ul > li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
nav > ul > li > a {
|
||||
text-decoration: none;
|
||||
color: var(--textColor);
|
||||
padding: 0px 1rem 0px 1rem;
|
||||
}
|
||||
|
||||
nav > ul > li > a:hover {
|
||||
background-color: var(--backColor);
|
||||
color: var(--accentColorLight);
|
||||
}
|
||||
|
||||
/*Side links*/
|
||||
aside ul li {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
aside ul li a {
|
||||
text-decoration: none;
|
||||
padding:0.5rem;
|
||||
}
|
||||
|
||||
aside ul li a:hover {
|
||||
color: var(--accentColorDark);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*Footer styling*/
|
||||
|
||||
footer > p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
footer > p > a {
|
||||
color: var(--accentColorLight);
|
||||
}
|
||||
|
||||
/*ID selectors*/
|
||||
|
||||
#webpage {
|
||||
width: 992px;
|
||||
margin: 1.5rem auto 1.5rem auto;
|
||||
}
|
||||
|
||||
#banner {
|
||||
background-color: #0E2752;
|
||||
box-shadow: var(--accentColor) 3px 3px 7px;
|
||||
border-radius: 20px;
|
||||
padding: 1em 1em 0;
|
||||
margin-bottom: 1.5em;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
background-color: #929292;
|
||||
box-shadow: var(--accentColor) 3px 3px 7px;
|
||||
border-radius: 20px;
|
||||
margin-bottom: 1.5rem;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#links {
|
||||
padding: 1.5rem;
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#posts {
|
||||
background-color: #FFFFFF;
|
||||
width: 75%;
|
||||
overflow: hidden;
|
||||
padding: 1rem;
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: var(--backColor);
|
||||
box-shadow: var(--accentColor) 3px 3px 7px;
|
||||
border-radius: 20px;
|
||||
padding: 1.5rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/*Class selectors*/
|
||||
|
||||
.article-title {
|
||||
text-decoration: none;
|
||||
color: var(--accentColorDark);
|
||||
margin-bottom: 300px;
|
||||
}
|
||||
|
||||
.article-title:hover {
|
||||
color: #8FC4E6;
|
||||
background-color: #3862A9;
|
||||
overflow: hidden;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.copyright {
|
||||
color: var(--accentColor);
|
||||
}
|
||||
|
||||
.footer-image-left {
|
||||
display: inline-block;
|
||||
max-height: 10rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer-image-right {
|
||||
display: inline-block;
|
||||
max-height: 10rem;
|
||||
float: right;
|
||||
}
|
53
Assignment2/Assignment2/styles/reset.css
Normal file
53
Assignment2/Assignment2/styles/reset.css
Normal file
|
@ -0,0 +1,53 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
Loading…
Reference in a new issue