Move namespace under Overlays.

osu.Game/Overlays/Profile/AboutSection.cs

@@ -0,0 +1,13 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+
+namespace osu.Game.Overlays.Profile
+{
+    public class AboutSection : ProfileSection
+    {
+        public override string Title => "me!";
+
+        public override string Identifier => "me";
+    }
+}

osu.Game/Overlays/Profile/BeatmapsSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class BeatmapsSection : ProfileSection
+    {
+        public override string Title => "Beatmaps";
+
+        public override string Identifier => "beatmaps";
+    }
+}

osu.Game/Overlays/Profile/HistoricalSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class HistoricalSection : ProfileSection
+    {
+        public override string Title => "Historical";
+
+        public override string Identifier => "historical";
+    }
+}

osu.Game/Overlays/Profile/KudosuSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class KudosuSection : ProfileSection
+    {
+        public override string Title => "Kudosu!";
+
+        public override string Identifier => "kudosu";
+    }
+}

osu.Game/Overlays/Profile/MedalsSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class MedalsSection : ProfileSection
+    {
+        public override string Title => "Medals";
+
+        public override string Identifier => "medals";
+    }
+}

osu.Game/Overlays/Profile/ProfileHeader.cs

@@ -0,0 +1,451 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using System;
+using OpenTK;
+using OpenTK.Graphics;
+using osu.Framework.Allocation;
+using osu.Framework.Extensions.Color4Extensions;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Colour;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Graphics.Textures;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Containers;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Users;
+
+namespace osu.Game.Overlays.Profile
+{
+    public class ProfileHeader : Container
+    {
+        private readonly OsuTextFlowContainer infoTextLeft, infoTextRight;
+        private readonly FillFlowContainer<SpriteText> scoreText, scoreNumberText;
+
+        private readonly Container coverContainer, chartContainer, supporterTag;
+        private readonly Sprite levelBadge;
+        private readonly SpriteText levelText;
+        private readonly GradeBadge gradeSSPlus, gradeSS, gradeSPlus, gradeS, gradeA;
+        private readonly Box colourBar;
+
+        private const float cover_height = 350, info_height = 150, info_width = 250, avatar_size = 110, level_position = 30, level_height = 60;
+        public ProfileHeader(User user)
+        {
+            RelativeSizeAxes = Axes.X;
+            Height = cover_height + info_height;
+
+            Children = new Drawable[]
+            {
+                coverContainer = new Container
+                {
+                    RelativeSizeAxes = Axes.X,
+                    Height = cover_height,
+                    Children = new Drawable[]
+                    {
+                        new Box
+                        {
+                            RelativeSizeAxes = Axes.Both,
+                            ColourInfo = ColourInfo.GradientVertical(Color4.Black.Opacity(0.1f), Color4.Black.Opacity(0.75f))
+                        },
+                        new Container
+                        {
+                            Anchor = Anchor.BottomLeft,
+                            Origin = Anchor.BottomLeft,
+                            X = UserProfileOverlay.CONTENT_X_MARGIN,
+                            Y = -20,
+                            AutoSizeAxes = Axes.Both,
+                            Children = new Drawable[]
+                            {
+                                new UpdateableAvatar
+                                {
+                                    User = user,
+                                    Size = new Vector2(avatar_size),
+                                    Anchor = Anchor.BottomLeft,
+                                    Origin = Anchor.BottomLeft,
+                                    Masking = true,
+                                    CornerRadius = 5,
+                                    EdgeEffect = new EdgeEffectParameters
+                                    {
+                                        Type = EdgeEffectType.Shadow,
+                                        Colour = Color4.Black.Opacity(0.25f),
+                                        Radius = 4,
+                                    },
+                                },
+                                new Container
+                                {
+                                    Anchor = Anchor.BottomLeft,
+                                    Origin = Anchor.BottomLeft,
+                                    X = avatar_size + 10,
+                                    AutoSizeAxes = Axes.Both,
+                                    Children = new Drawable[]
+                                    {
+                                        supporterTag = new CircularContainer
+                                        {
+                                            Anchor = Anchor.BottomLeft,
+                                            Origin = Anchor.BottomLeft,
+                                            Y = -75,
+                                            Size = new Vector2(25, 25),
+                                            Masking = true,
+                                            BorderThickness = 3,
+                                            BorderColour = Color4.White,
+                                            Alpha = 0,
+                                            Children = new Drawable[]
+                                            {
+                                                new Box
+                                                {
+                                                    RelativeSizeAxes = Axes.Both,
+                                                    Alpha = 0,
+                                                    AlwaysPresent = true
+                                                },
+                                                new TextAwesome
+                                                {
+                                                    Icon = FontAwesome.fa_heart,
+                                                    Anchor = Anchor.Centre,
+                                                    Origin = Anchor.Centre,
+                                                    TextSize = 12
+                                                }
+                                            }
+                                        },
+                                        new OsuSpriteText
+                                        {
+                                            Text = user.Username,
+                                            TextSize = 30,
+                                            Font = @"Exo2.0-RegularItalic",
+                                            Anchor = Anchor.BottomLeft,
+                                            Origin = Anchor.BottomLeft,
+                                            Y = -48
+                                        },
+                                        new DrawableFlag(user.Country?.FlagName ?? "__")
+                                        {
+                                            Anchor = Anchor.BottomLeft,
+                                            Origin = Anchor.BottomLeft,
+                                            Width = 30,
+                                            Height = 20
+                                        }
+                                    }
+                                }
+                            }
+                        },
+                        colourBar = new Box
+                        {
+                            Anchor = Anchor.BottomLeft,
+                            Origin = Anchor.BottomLeft,
+                            X = UserProfileOverlay.CONTENT_X_MARGIN,
+                            Height = 5,
+                            Width = info_width,
+                            Alpha = 0
+                        }
+                    }
+                },
+                infoTextLeft = new OsuTextFlowContainer(t =>
+                {
+                    t.TextSize = 14;
+                    t.Alpha = 0.8f;
+                })
+                {
+                    X = UserProfileOverlay.CONTENT_X_MARGIN,
+                    Y = cover_height + 20,
+                    Width = info_width,
+                    AutoSizeAxes = Axes.Y,
+                    ParagraphSpacing = 0.8f,
+                    LineSpacing = 0.2f
+                },
+                infoTextRight = new OsuTextFlowContainer(t =>
+                {
+                    t.TextSize = 14;
+                    t.Font = @"Exo2.0-RegularItalic";
+                })
+                {
+                    X = UserProfileOverlay.CONTENT_X_MARGIN + info_width + 20,
+                    Y = cover_height + 20,
+                    Width = info_width,
+                    AutoSizeAxes = Axes.Y,
+                    ParagraphSpacing = 0.8f,
+                    LineSpacing = 0.2f
+                },
+                new Container
+                {
+                    X = -UserProfileOverlay.CONTENT_X_MARGIN,
+                    RelativeSizeAxes = Axes.Y,
+                    Width = 280,
+                    Anchor = Anchor.TopRight,
+                    Origin = Anchor.TopRight,
+                    Children = new Drawable[]
+                    {
+                        new Container
+                        {
+                            RelativeSizeAxes = Axes.X,
+                            Y = level_position,
+                            Height = level_height,
+                            Children = new Drawable[]
+                            {
+                                new Box
+                                {
+                                    Colour = Color4.Black.Opacity(0.5f),
+                                    RelativeSizeAxes = Axes.Both
+                                },
+                                levelBadge = new Sprite
+                                {
+                                    Anchor = Anchor.Centre,
+                                    Origin = Anchor.Centre,
+                                    Height = 50,
+                                    Width = 50,
+                                    Alpha = 0
+                                },
+                                levelText = new OsuSpriteText
+                                {
+                                    Anchor = Anchor.TopCentre,
+                                    Origin = Anchor.TopCentre,
+                                    Y = 11,
+                                    TextSize = 20
+                                }
+                            }
+                        },
+                        new Container
+                        {
+                            RelativeSizeAxes = Axes.X,
+                            Y = cover_height,
+                            Anchor = Anchor.TopCentre,
+                            Origin = Anchor.BottomCentre,
+                            Height = cover_height - level_height - level_position - 5,
+                            Children = new Drawable[]
+                            {
+                                new Box
+                                {
+                                    Colour = Color4.Black.Opacity(0.5f),
+                                    RelativeSizeAxes = Axes.Both
+                                },
+                                scoreText = new FillFlowContainer<SpriteText>
+                                {
+                                    RelativeSizeAxes = Axes.X,
+                                    AutoSizeAxes = Axes.Y,
+                                    Direction = FillDirection.Vertical,
+                                    Padding = new MarginPadding { Horizontal = 20, Vertical = 18 },
+                                    Spacing = new Vector2(0, 2)
+                                },
+                                scoreNumberText = new FillFlowContainer<SpriteText>
+                                {
+                                    RelativeSizeAxes = Axes.X,
+                                    AutoSizeAxes = Axes.Y,
+                                    Direction = FillDirection.Vertical,
+                                    Padding = new MarginPadding { Horizontal = 20, Vertical = 18 },
+                                    Spacing = new Vector2(0, 2)
+                                },
+                                new FillFlowContainer<GradeBadge>
+                                {
+                                    AutoSizeAxes = Axes.Both,
+                                    Direction = FillDirection.Horizontal,
+                                    Anchor = Anchor.BottomCentre,
+                                    Origin = Anchor.BottomCentre,
+                                    Y = -64,
+                                    Spacing = new Vector2(20, 0),
+                                    Children = new[]
+                                    {
+                                        gradeSSPlus = new GradeBadge("SSPlus") { Alpha = 0 },
+                                        gradeSS = new GradeBadge("SS") { Alpha = 0 },
+                                    }
+                                },
+                                new FillFlowContainer<GradeBadge>
+                                {
+                                    AutoSizeAxes = Axes.Both,
+                                    Direction = FillDirection.Horizontal,
+                                    Anchor = Anchor.BottomCentre,
+                                    Origin = Anchor.BottomCentre,
+                                    Y = -18,
+                                    Spacing = new Vector2(20, 0),
+                                    Children = new[]
+                                    {
+                                        gradeSPlus = new GradeBadge("SPlus") { Alpha = 0 },
+                                        gradeS = new GradeBadge("S") { Alpha = 0 },
+                                        gradeA = new GradeBadge("A") { Alpha = 0 },
+                                    }
+                                }
+                            }
+                        },
+                        chartContainer = new Container
+                        {
+                            RelativeSizeAxes = Axes.X,
+                            Anchor = Anchor.BottomCentre,
+                            Origin = Anchor.BottomCentre,
+                            Height = info_height - 15,
+                            Children = new Drawable[]
+                            {
+                                new Box
+                                {
+                                    Colour = Color4.Black.Opacity(0.25f),
+                                    RelativeSizeAxes = Axes.Both
+                                }
+                            }
+                        }
+                    }
+                }
+            };
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(TextureStore textures)
+        {
+            levelBadge.Texture = textures.Get(@"Profile/levelbadge");
+        }
+
+        public void FillFullData(User user)
+        {
+            coverContainer.Add(new AsyncLoadWrapper(new UserCoverBackground(user)
+            {
+                Anchor = Anchor.Centre,
+                Origin = Anchor.Centre,
+                FillMode = FillMode.Fill,
+                OnLoadComplete = d => d.FadeInFromZero(200)
+            })
+            {
+                Masking = true,
+                RelativeSizeAxes = Axes.Both,
+                Depth = float.MaxValue
+            });
+
+            if (user.IsSupporter) supporterTag.Show();
+
+            if(!string.IsNullOrEmpty(user.Colour))
+            {
+                colourBar.Colour = OsuColour.FromHex(user.Colour);
+                colourBar.Show();
+            }
+
+            Action<SpriteText> boldItalic = t =>
+            {
+                t.Font = @"Exo2.0-BoldItalic";
+                t.Alpha = 1;
+            };
+
+            if (user.Age != null)
+            {
+                infoTextLeft.AddText($"{user.Age} years old", boldItalic);
+            }
+            if (user.Country != null)
+            {
+                infoTextLeft.AddText(" from ");
+                infoTextLeft.AddText(user.Country.FullName, boldItalic);
+            }
+            infoTextLeft.NewParagraph();
+
+            infoTextLeft.AddText("Joined ");
+            infoTextLeft.AddText(user.JoinDate, boldItalic);
+            infoTextLeft.NewLine();
+            infoTextLeft.AddText("Last seen ");
+            infoTextLeft.AddText(user.LastVisit.LocalDateTime.ToShortDateString(), boldItalic);
+            infoTextLeft.NewParagraph();
+
+            if (user.PlayStyle?.Length > 0)
+            {
+                infoTextLeft.AddText("Plays with ");
+                infoTextLeft.AddText(string.Join(", ", user.PlayStyle), boldItalic);
+            }
+
+            tryAddInfoRightLine(FontAwesome.fa_map_marker, user.Location);
+            tryAddInfoRightLine(FontAwesome.fa_heart_o, user.Intrerests);
+            tryAddInfoRightLine(FontAwesome.fa_suitcase, user.Occupation);
+            infoTextRight.NewParagraph();
+            if (!string.IsNullOrEmpty(user.Twitter))
+                tryAddInfoRightLine(FontAwesome.fa_twitter, "@" + user.Twitter);
+            tryAddInfoRightLine(FontAwesome.fa_globe, user.Website);
+            tryAddInfoRightLine(FontAwesome.fa_skype, user.Skype);
+
+            if (user.Statistics != null)
+            {
+                levelBadge.Show();
+                levelText.Text = user.Statistics.Level.Current.ToString();
+
+                scoreText.Add(createScoreText("Ranked Score"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.RankedScore.ToString(@"#,0")));
+                scoreText.Add(createScoreText("Accuracy"));
+                scoreNumberText.Add(createScoreNumberText($"{user.Statistics.Accuracy}%"));
+                scoreText.Add(createScoreText("Play Count"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.PlayCount.ToString(@"#,0")));
+                scoreText.Add(createScoreText("Total Score"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.TotalScore.ToString(@"#,0")));
+                scoreText.Add(createScoreText("Total Hits"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.TotalHits.ToString(@"#,0")));
+                scoreText.Add(createScoreText("Max Combo"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.MaxCombo.ToString(@"#,0")));
+                scoreText.Add(createScoreText("Replay Watched by Others"));
+                scoreNumberText.Add(createScoreNumberText(user.Statistics.ReplayWatched.ToString(@"#,0")));
+
+                gradeSS.Count = user.Statistics.GradesCount.SS;
+                gradeSS.Show();
+                gradeS.Count = user.Statistics.GradesCount.S;
+                gradeS.Show();
+                gradeA.Count = user.Statistics.GradesCount.A;
+                gradeA.Show();
+
+                chartContainer.Add(new RankChart(user) { RelativeSizeAxes = Axes.Both });
+            }
+        }
+
+        // These could be local functions when C# 7 enabled
+
+        private OsuSpriteText createScoreText(string text) => new OsuSpriteText
+        {
+            TextSize = 14,
+            Text = text
+        };
+
+        private OsuSpriteText createScoreNumberText(string text) => new OsuSpriteText
+        {
+            TextSize = 14,
+            Font = @"Exo2.0-Bold",
+            Anchor = Anchor.TopRight,
+            Origin = Anchor.TopRight,
+            Text = text
+        };
+
+        private void tryAddInfoRightLine(FontAwesome icon, string str)
+        {
+            if (string.IsNullOrEmpty(str)) return;
+            infoTextRight.AddTextAwesome(icon);
+            infoTextRight.AddText(" " + str);
+            infoTextRight.NewLine();
+        }
+
+        private class GradeBadge : Container
+        {
+            private const float width = 50;
+            private readonly string grade;
+            private readonly Sprite badge;
+            private readonly SpriteText numberText;
+
+            public int Count
+            {
+                set
+                {
+                    numberText.Text = value.ToString(@"#,0");
+                }
+            }
+
+            public GradeBadge(string grade)
+            {
+                this.grade = grade;
+                Width = width;
+                Height = 41;
+                Add(badge = new Sprite
+                {
+                    Width = width,
+                    Height = 26
+                });
+                Add(numberText = new SpriteText
+                {
+                    Anchor = Anchor.BottomCentre,
+                    Origin = Anchor.BottomCentre,
+                    TextSize = 14,
+                    Font = @"Exo2.0-Bold"
+                });
+            }
+
+            [BackgroundDependencyLoader]
+            private void load(TextureStore textures)
+            {
+                badge.Texture = textures.Get($"Grades/{grade}");
+            }
+        }
+    }
+}

osu.Game/Overlays/Profile/ProfileSection.cs

@@ -0,0 +1,62 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using OpenTK;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Overlays;
+
+namespace osu.Game.Overlays.Profile
+{
+    public abstract class ProfileSection : FillFlowContainer
+    {
+        public abstract string Title { get; }
+
+        public abstract string Identifier { get; }
+
+        private readonly FillFlowContainer content;
+        protected override Container<Drawable> Content => content;
+
+        protected ProfileSection()
+        {
+            Direction = FillDirection.Vertical;
+            AutoSizeAxes = Axes.Y;
+            RelativeSizeAxes = Axes.X;
+            InternalChildren = new Drawable[]
+            {
+                new OsuSpriteText
+                {
+                    Text = Title,
+                    TextSize = 20,
+                    Font = @"Exo2.0-RegularItalic",
+                    Margin = new MarginPadding
+                    {
+                        Horizontal = UserProfileOverlay.CONTENT_X_MARGIN,
+                        Vertical = 20
+                    }
+                },
+                content = new FillFlowContainer
+                {
+                    Direction = FillDirection.Vertical,
+                    AutoSizeAxes = Axes.Y,
+                    RelativeSizeAxes = Axes.X,
+                    Margin = new MarginPadding
+                    {
+                        Horizontal = UserProfileOverlay.CONTENT_X_MARGIN,
+                        Bottom = 20
+                    }
+                },
+                new Box
+                {
+                    RelativeSizeAxes = Axes.X,
+                    Height = 1,
+                    Colour = OsuColour.Gray(34),
+                    EdgeSmoothness = new Vector2(1)
+                }
+            };
+        }
+    }
+}

osu.Game/Overlays/Profile/RankChart.cs

@@ -0,0 +1,178 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using OpenTK;
+using osu.Framework.Allocation;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Sprites;
+using osu.Framework.Input;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Graphics.UserInterface;
+using osu.Game.Users;
+
+namespace osu.Game.Overlays.Profile
+{
+    public class RankChart : Container
+    {
+        private readonly SpriteText rankText, performanceText, relativeText;
+        private readonly RankChartLineGraph graph;
+
+        private int[] ranks;
+        private decimal?[] performances;
+
+        private const float primary_textsize = 25, secondary_textsize = 13, padding = 10;
+
+        private readonly User user;
+
+        public RankChart(User user)
+        {
+            this.user = user;
+
+            Padding = new MarginPadding { Vertical = padding };
+            Children = new Drawable[]
+            {
+                rankText = new OsuSpriteText
+                {
+                    Anchor = Anchor.TopCentre,
+                    Origin = Anchor.TopCentre,
+                    Font = @"Exo2.0-RegularItalic",
+                    TextSize = primary_textsize
+                },
+                relativeText = new OsuSpriteText
+                {
+                    Anchor = Anchor.TopCentre,
+                    Origin = Anchor.TopCentre,
+                    Font = @"Exo2.0-RegularItalic",
+                    Y = 25,
+                    TextSize = secondary_textsize
+                },
+                performanceText = new OsuSpriteText
+                {
+                    Anchor = Anchor.BottomCentre,
+                    Origin = Anchor.BottomCentre,
+                    Font = @"Exo2.0-RegularItalic",
+                    TextSize = secondary_textsize
+                },
+                graph = new RankChartLineGraph
+                {
+                    Anchor = Anchor.BottomCentre,
+                    Origin = Anchor.BottomCentre,
+                    RelativeSizeAxes = Axes.X,
+                    Y = -secondary_textsize,
+                    DefaultValueCount = 90,
+                    BallRelease = updateRankTexts,
+                    BallMove = showHistoryRankTexts
+                }
+            };
+            ranks = new[] { user.Statistics.Rank };
+            performances = new decimal?[] { user.Statistics.PP };
+        }
+
+        private void updateRankTexts()
+        {
+            rankText.Text = user.Statistics.Rank > 0 ? $"#{user.Statistics.Rank:#,0}" : "no rank";
+            performanceText.Text = user.Statistics.PP != null ? $"{user.Statistics.PP:#,0}pp" : string.Empty;
+            //relativeText.Text = $"{user.Country?.FullName} #{countryRank:#,0}";
+        }
+
+        private void showHistoryRankTexts(int dayIndex)
+        {
+            rankText.Text = ranks[dayIndex] > 0 ? $"#{ranks[dayIndex]:#,0}" : "no rank";
+            performanceText.Text = performances[dayIndex] != null ? $"{performances[dayIndex]:#,0}pp" : string.Empty;
+            //relativeText.Text = dayIndex == ranks.Length ? "Now" : $"{ranks.Length - dayIndex} days ago";
+            //plural should be handled in a general way
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            graph.Colour = colours.Yellow;
+
+            if (user.Statistics.Rank > 0)
+            {
+                // use logarithmic coordinates
+                graph.Values = ranks.Select(x => -(float)Math.Log(x));
+                graph.ResetBall();
+            }
+        }
+
+        public override bool Invalidate(Invalidation invalidation = Invalidation.All, Drawable source = null, bool shallPropagate = true)
+        {
+            if ((invalidation & Invalidation.DrawSize) != 0)
+            {
+                graph.Height = DrawHeight - padding * 2 - primary_textsize - secondary_textsize * 2;
+            }
+
+            return base.Invalidate(invalidation, source, shallPropagate);
+        }
+
+        private class RankChartLineGraph : LineGraph
+        {
+            private readonly CircularContainer ball;
+            private bool ballShown;
+
+            private const double transform_duration = 100;
+
+            public Action<int> BallMove;
+            public Action BallRelease;
+
+            public RankChartLineGraph()
+            {
+                Add(ball = new CircularContainer
+                {
+                    Size = new Vector2(8),
+                    Masking = true,
+                    Origin = Anchor.Centre,
+                    Alpha = 0,
+                    RelativePositionAxes = Axes.Both,
+                    Children = new Drawable[]
+                    {
+                        new Box { RelativeSizeAxes = Axes.Both }
+                    }
+                });
+            }
+
+            public void ResetBall()
+            {
+                ball.MoveTo(new Vector2(1, GetYPosition(Values.Last())), ballShown ? transform_duration : 0, EasingTypes.OutQuint);
+                ball.Show();
+                BallRelease();
+                ballShown = true;
+            }
+
+            protected override bool OnMouseMove(InputState state)
+            {
+                if (ballShown)
+                {
+                    var values = (IList<float>)Values;
+                    var position = ToLocalSpace(state.Mouse.NativeState.Position);
+                    int count = Math.Max(values.Count, DefaultValueCount);
+                    int index = (int)Math.Round(position.X / DrawWidth * (count - 1));
+                    if (index >= count - values.Count)
+                    {
+                        int i = index + values.Count - count;
+                        float y = GetYPosition(values[i]);
+                        if (Math.Abs(y * DrawHeight - position.Y) <= 8f)
+                        {
+                            ball.MoveTo(new Vector2(index / (float)(count - 1), y), transform_duration, EasingTypes.OutQuint);
+                            BallMove(i);
+                        }
+                    }
+                }
+                return base.OnMouseMove(state);
+            }
+
+            protected override void OnHoverLost(InputState state)
+            {
+                if (ballShown)
+                    ResetBall();
+                base.OnHoverLost(state);
+            }
+        }
+    }
+}

osu.Game/Overlays/Profile/RanksSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class RanksSection : ProfileSection
+    {
+        public override string Title => "Ranks";
+
+        public override string Identifier => "top_ranks";
+    }
+}

osu.Game/Overlays/Profile/RecentSection.cs

@@ -0,0 +1,12 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+namespace osu.Game.Overlays.Profile
+{
+    public class RecentSection : ProfileSection
+    {
+        public override string Title => "Recent";
+
+        public override string Identifier => "recent_activities";
+    }
+}

osu.Game/Overlays/UserProfileOverlay.cs

@@ -13,8 +13,8 @@ using osu.Game.Graphics.Containers;
 using osu.Game.Graphics.UserInterface;
 using osu.Game.Online.API;
 using osu.Game.Online.API.Requests;
+using osu.Game.Overlays.Profile;
 using osu.Game.Users;
-using osu.Game.Users.Profile;
 
 namespace osu.Game.Overlays
 {