Added projects page

2019-10-12 18:22:46 +03:00
parent 70276f5fd7
commit b4ce7c9288
19 changed files with 246 additions and 21 deletions
@@ -9,7 +9,6 @@ namespace MyWebsite.Controllers
 {
    public class GalleryController : Controller
    {
        public async Task<IActionResult> Index()
        {
            ViewData["Images"] = JsonConvert.DeserializeObject<Image[]>(await new HttpClient().GetStringAsync($"https://{Request.Host}/Gallery.json"));
@@ -1,16 +0,0 @@
 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Mvc;
 namespace MyWebsite.Controllers
 {
    public class HelloWorldController : Controller
    {
        public string Index()
        {
            return "Hi there, bitch!";
        }
    }
 }
@@ -0,0 +1,20 @@
 using Microsoft.AspNetCore.Mvc;
 using MyWebsite.Models;
 using Newtonsoft.Json;
 using System.Net.Http;
 using System.Threading.Tasks;
 namespace MyWebsite.Controllers
 {
    public class ProjectsController : Controller
    {
        public async Task<IActionResult> Index()
        {
            Project[] projects = JsonConvert.DeserializeObject<Project[]>(await new HttpClient().GetStringAsync($"https://{Request.Host}/Projects.json"));
            ViewData["Images"] = projects;
            return View();
        }
    }
 }
@@ -0,0 +1,17 @@
 using System;
 using System.Collections.Generic;
 using System.Linq;
 using System.Threading.Tasks;
 namespace MyWebsite.Models
 {
    public class Project
    {
        public string Title { get; set; }
        public string Description { get; set; }
        public string ImageName { get; set; }
        public string Link { get; set; }
        public string LinkCaption { get; set; }
        public string[] Badges { get; set; }
    }
 }
@@ -0,0 +1,35 @@
@{
    ViewData["Title"] = "My projects";
 }
 <header>
    <div class="inline-header">
        <h1>My projects</h1>
        <h3>Here is presented the most of projects I worked on</h3>
    </div>
    <iframe src="//githubbadge.appspot.com/xfox111" style="width: 200px; height: 110px;" class="github-stats" frameborder="0"></iframe>
 </header>
 <article class="projects-block">
    @foreach (Project p in ViewData["Images"] as Project[])
    {
        <div class="project-item">
            @if (!string.IsNullOrWhiteSpace(p.ImageName))
            {
                <a target="_blank" href="~/images/Projects/@(p.ImageName)"><img src="~/images/Projects/@(p.ImageName)" /></a>
            }
            <div class="text">
                <h1>@p.Title</h1>
                <p class="description">@p.Description</p>
                <a href="@(p.Link)" target="_blank">@p.LinkCaption</a>
                <div>
                    @foreach (string i in p.Badges)
                    {
                        <img class="badge @i" />
                    }
                </div>
            </div>
        </div>
    }
 </article>
@@ -21,7 +21,7 @@
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 </head>
-    <body>
+    <body onload="UpdateProjects()">
        <nav class="navbar">
            <a id="header" asp-controller="Home" asp-action="Index">XFox111.NET</a>
            <menu type="toolbar" class="main-menu">
@@ -0,0 +1,76 @@
 [
  {
    "Title": "FoxTube",
    "Description": "This is my first big project. And the first one published in Microsoft Store.<br />This is a Windows client application for YouTube",
    "ImageName": "FoxTube.png",
    "Link": "//foxtube.xfox111.net",
    "LinkCaption": "Learn more...",
    "Badges": [
      "csharp", "dotnet", "uwp"
    ]
  },
  {
    "Title": "My Bonch",
    "Description": "",
    "ImageName": "",
    "Link": "",
    "LinkCaption": "Availavle soon...",
    "Badges": [
      "csharp", "xamarin", "uwp", "android"/*, "ios"*/
    ]
  },
  {
    "Title": "MotionDecoder",
    "Description": "This project is used to analyze videos from security cameras and shows short clips which contain detected motions.<br />I made this projects during scientific projects competition in big data division.",
    "ImageName": "MotionDecoder.png",
    "Link": "//github.com/XFox111/motiondecoder",
    "LinkCaption": "View on GitHub",
    "Badges": [
      "csharp",
      "dotnet",
      "win32"
    ]
  },
  {
    "Title": "2048",
    "Description": "Simple classic game. I made it in Unity just for fun",
    "ImageName": "2048.png",
    "Link": "",
    "LinkCaption": "",
    "Badges": [
      "csharp", "unity", "windows", "android"
    ]
  },
  {
    "Title": "MiSmartAlarm",
    "Description": "Smart alarm app for Xiaomi MiBand",
    "ImageName": "MiSmartAlarm.png",
    "Link": "https://github.com/XFox111/mismartalarm",
    "LinkCaption": "View on GitHub",
    "Badges": [
      "csharp", "xamarin", "uwp", "android"
    ]
  },
  {
    "Title": "YouTubeScrapper",
    "Description": "A C# library which is used to extend the abilities of YouTube API v3",
    "ImageName": "",
    "Link": "https://github.com/XFox111/youtubescraper",
    "LinkCaption": "View on GitHub",
    "Badges": [
      "csharp", "dotnet", "uwp"
    ]
  },
  {
    "Title": "GZipCompression",
    "Description": "Console program which splits files on 1MB blocks and compresses them in multi-thread.<br />I made this program as intro challange in Veeam Software",
    "ImageName": "",
    "Link": "https://github.com/XFox111/gzipcompression",
    "LinkCaption": "View on GitHub",
    "Badges": [
      "csharp",
      "dotnet",
      "windows"
    ]
  }
 ]
@@ -73,7 +73,7 @@ main {
 }
 header {
-    margin-left: 50px;
+    margin: 0px 50px;
 }
 header a {
    text-decoration: none;
@@ -118,3 +118,50 @@ article a:visited {
    filter: brightness(125%);
    transform: scale(1.25);
 }
 .inline-header {
    display: inline-block;
 }
 .github-stats {
    margin-top: 20px;
    float: right;
    display: none;
 }
 .projects-block {
    margin: 0px 10px;
 }
 .project-item {
    background-color: whitesmoke;
    margin-bottom: 10px;
    min-height: 200px;
 }
 .project-item img {
    max-height: 200px;
    float: left;
 }
 .project-item .text {
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 15px;
 }
 .text div {
    margin-top: 20px;
 }
 .badge {
    height: 25px;
    width: 25px;
    margin-right: 10px !important;
 }
 .csharp { content: url("../images/Badges/csharp.png"); }
 .dotnet { content: url("../images/Badges/dotnet.png"); }
 .xamarin { content: url("../images/Badges/xamarin.png"); }
 .unity { content: url("../images/Badges/unity.png"); }
 .android { content: url("../images/Badges/android.png"); }
 .uwp { content: url("../images/Badges/windows.png"); }
 .win32 { content: url("../images/Badges/windows.png"); }
 .windows { content: url("../images/Badges/windows.png"); }
@@ -1,4 +1,5 @@
-function ToggleImageSize() {
+function ToggleImageSize()
 {
    var image = document.getElementById("image");
    if (image.style.maxHeight == "none")
@@ -6,3 +7,49 @@
    else
        image.style.maxHeight = "none";
 }
 function UpdateProjects()
 {
    // Settings badges tooltips
    var badges = document.getElementsByClassName("badge");
    for (var i = 0; i < badges.length; i++)
    {
        switch (badges[i].classList[1])
        {
            case "csharp":
                badges[i].setAttribute("title", "C# Programming language");
                break;
            case "dotnet":
                badges[i].setAttribute("title", ".NET Framework");
                break;
            case "xamarin":
                badges[i].setAttribute("title", "Xamarin Framework");
                break;
            case "unity":
                badges[i].setAttribute("title", "Unity Engine");
                break;
            case "uwp":
                badges[i].setAttribute("title", "Universal Windows Platform");
                break;
            case "windows":
                badges[i].setAttribute("title", "Windows Platform");
                break;
            case "win32":
                badges[i].setAttribute("title", "Windows Platform (Win32)");
                break;
            case "android":
                badges[i].setAttribute("title", "Android Platform");
                break;
        }
    }
    // Making projects descriptions multiline
    var descriptions = document.getElementsByClassName("description");
    for (var i = 0; i < descriptions.length; i++)
    {
        var desc = descriptions[i];
        var text = desc.innerText;
        desc.innerText = "";
        desc.innerHTML = text;
    }
 }